我拿一个div在一个canvas元素如下:
div
canvas
<canvas> <div></div> </canvas>
这里它们都有高度和宽度。但在这里我看不到div!
是否可以采取div or p在一个canvas?
p
您不能将元素放置在画布内(并且两者都显示);仅当浏览器不理解 canvas 元素时才会显示它们。
如果您想将元素放置在与画布相同的区域上,可以使用以下一种技术(众多技术中的一种)来实现此目的:
HTML
<div id="canvas-wrap"> <canvas width="800" height="600"></canvas> <div id="overlay"></div> </div>
CSS
#canvas-wrap { position:relative } /* Make this a positioned parent */ #overlay { position:absolute; top:20px; left:30px; }
这是另一种技术,它可以让 div 的内容正常流动并使画布成为内容的背景:
#canvas-wrap { position:relative; width:800px; height:600px } #canvas-wrap canvas { position:absolute; top:0; left:0; z-index:0 }