1

如何将一个画布用作更多画布的画布容器？我是网络开发的新手，但我尝试了几件事。这看起来应该有效，但没有。目标是拥有一个包含许多图像的画布，然后是图像顶部的画布以绘制文本/项目。

<canvas id="canvas1">
<canvas id="canvas2"></canvas>
</canvas>
4

3 回答 3

2

您不能嵌套画布，但可以为不支持画布的浏览器插入文本：

<canvas>
    Sorry, no canvas for you dawg
</canvas>

堆叠画布：

<div style="position:relative;width:someWidth;heigth:someHeight;">
    <canvas id="c1" width=w .. style="position:absolute;left:0;top:0;"></canvas>
    <canvas id="c2" width=w .. style="position:absolute;left:0;top:0;"></canvas>
    <canvas id="c3" width=w .. style="position:absolute;left:0;top:0;"></canvas>
</div>
于 2013-05-31T00:09:39.850 回答
1

画布元素的概念正是它所谓的——画布。一旦你有了一个画布，你就没有元素了，你有了一个绘图，所以把一个画布放在一个画布里面是没有意义的，而是在那个画布上画出你想要的一切。

于 2013-05-30T21:58:22.200 回答
0

如何在不同的容器中初始化多个画布，以及不同的层？

<canvas id="bg" width="X" height="Y" style="position: absolute; z-index: 0">
</canvas>
<canvas id="fg" width="X" height="Y" style="position: absolute; z-index: 1">
</canvas>
于 2013-05-30T22:03:15.373 回答