javascript - 可以使用画布标签在页面上的其他项目之上绘制吗？

Question

可以将 HTML 画布标签定位在页面上的其他 html 内容之上吗？例如，下面的 CSS 声明会让 canvas 标签做我期望的事情吗？

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

score 5 · Accepted Answer

那应该可以完美地工作。不过，无需将背景设置为“透明”。

覆盖画布是这个小书签的工作原理。

score 2 · Accepted Answer

是的，这在支持画布的浏览器中工作得很好，而且在 IE6 和 IE7 中也同样工作，使用 exCanvas 项目将画布命令翻译成微软基于 XML 的矢量语言 VML。

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

score 1 · Accepted Answer

你试过吗？它不工作吗？我会说画布标签将充当任何其他标签并适当地定位。如果你想用一种简单的方法在 Firefox 中测试它，请到这里http://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_canvas

3 回答 3