javascript - キャンバスタグを使用して、ページ上の他のアイテムの上に描画できますか？

Question

HTMLキャンバスタグをページ上の他のHTMLコンテンツの上に配置できますか？たとえば、次のCSS宣言で、canvasタグが期待どおりの動作をするようになりますか？

canvas.mycanvas {
  position: absolute;
  background: transparent;
  z-index: 10;
  top: 10px; left: 10px;
}

Answer 1

それは完全に機能するはずです。ただし、背景を「透明」に設定する必要はありません。

キャンバスを重ねることが、このブックマークレットの仕組みです。

Answer 2

はい、これはキャンバスをサポートするブラウザで正常に機能します。さらに、キャンバスコマンドをMicrosoftのXMLベースのベクトル言語であるVMLに変換するexCanvasプロジェクトを使用して、IE6とIE7でも同様に機能します。

ブラウザ間でキャンバス要素をオーバーレイしようとしたときに気付いたのは、キャンバスの子DOMノードを追加してからアクセスする順序に特に注意する必要があるということです。IEでは、アイテムを操作する前に、アイテムを追加する必要があります。

Answer 3

試しましたか？動作していませんか？キャンバスタグは他のタグと同じように機能し、適切に配置されます。Firefoxで簡単にテストする方法が必要な場合は、 http：//www.w3schools.com/tags/tryit.asp？filename=tryhtml5_canvasにアクセスしてください。