2013-05-30 100 views
1

如何将画布作为画布容器用于更多画布?我是web dev的新手,但我尝试了几件事情。这看起来应该起作用,但不起作用。我们的目标是创建一个包含许多图像的画布,然后在图像的顶部绘制文本/项目。html画布内的HTML画布

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

哟耶,我听说你就像油画一样,所以我们在画布上放置了一个画布,这样您就可以在画布时进行画布' – j08691

+0

@ j08691即使它没有在技术上添加任何有用的东西,也能够满足您的评论:) – Bikonja

回答

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> 
1

画布元素的想法正是它所谓的 - 画布。一旦你有了一个画布,你就再也没有元素了,你就有了一个画图,所以把画布放在画布中是没有意义的,而是在一个画布上画出你想要的一切。

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>