可以使用canvas标签在页面上的其他项目上绘制吗？

Question

HTML画布标签可以放在页面上的其他html内容上吗？例如，以下CSS声明是否会使canvas标记执行我期望的操作？

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

Answer 1

这应该完美无缺。但是，没有必要将背景设置为“透明”。

覆盖画布是this bookmarklet的工作原理。

Answer 2

是的，这在支持canvas的浏览器中运行良好，而且在IE6和IE7中也可以使用exCanvas项目同样工作，该项目将canvas命令转换为Microsoft基于XML的矢量语言VML。

在尝试跨浏览器覆盖画布元素时，我注意到的一件事是您必须特别注意附加顺序并随后访问任何画布子DOM节点。在您使用它之前，IE需要附加项目。

Answer 3

你尝试过吗？它不工作？我会说canvas标签可以作为任何其他标签，并且可以定位。如果您想在Firefox中轻松测试它，请转到此处http://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_canvas