嵌套的CANVAS元素

Question

是否有可能在另一个元素中有一个元素？我知道我可以分层,但这是可能的 -

<canvas id="parent">
    <canvas id="child"></canvas>
</canvas>

我试过但似乎没有工作.

Answer 1

在画布规范不允许此.canvas元素可以用在嵌入式内容上下文中; 嵌套canvas元素会将其置于后备内容上下文中,这不受支持.

Answer 2

如果你想分别处理背景和前景,你可以使用两个画布并用css将一个放在另一个上面.

<canvas id="bg" width="640" height="480" style="position: absolute; z-index: 0">
</canvas>
<canvas id="fg" width="640" height="480" style="position: absolute; z-index: 1">
</canvas>

实际上这是提高画布性能的一个提示.资料来源:HTML5 Rocks