在<canvas>中放置一个<div>

我在一个像下面这样的canvas元素中取一个div ：

 <canvas> <div></div> </canvas> 

在这里他们都有高度和宽度。 但是在这里我看不到这个div

是不是可以在canvas使用div或p ？

Answer 1

您不能将元素放置在canvas中（并且都显示）; 只有当浏览器不理解canvas元素时才显示它们。

如果您想将元素放置在同一个区域作为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的内容正常stream动并使canvas成为内容的背景：

CSS

 #canvas-wrap { position:relative; width:800px; height:600px } #canvas-wrap canvas { position:absolute; top:0; left:0; z-index:0 }