canvasはインタラクティブ要素が完璧に欠落しています。それはもう見事な 思い切りの良さです。しかし、実用的ではありません。 リンクやボタンなどのインタラクティブ要素を持ち込むには通常 HTML要素をDOMで張り付けることになります。 ここでは<A>タグを張り付けてみました。 リンク先は下のサンプルコードです。 次のコードでcanvas上の計算で得た位置に<a>タグを出力しています。 <!--[if lt IE 9]> <script type="text/javascript" src="../../../js/excanvas.js"></script> <![endif]--> <div id="area" style="position:relative"> <canvas id="canvas1" width="480" height="400" ></canvas> </di
![canvas上にHTML要素を置く:JavaScriptメモ - 万象酔歩](https://cdn-ak-scissors.b.st-hatena.com/image/square/bddf9b65cdf31ab8a18735e7722e20ffae7ee3ea/height=288;version=1;width=512/http%3A%2F%2Fk-hiura.cocolog-nifty.com%2F.shared-pleasy%2Fnifty_managed%2Fimages%2Fweb%2Fogp%2Fdefault.png)