对HTML5画布

Question

添加UL立像我有一个ul标签内的三个li标签，他们每个人含在其中的图像。我有一个canvas标签。我正在尝试将ul放入canvas之内，但之后没有任何显示。这是我的代码。

<canvas> 
    <ul> 
    <li><img src="1.jpg" /></li> 
    <li><img src="2.jpg" /></li> 
    <li><img src="13.jpg" /></li> 
    </ul> 
</canvas> 

当我把ul外面，一切都显示出来。我想在canvas内显示整个ul。可能吗？如果可能，那么如何？谢谢！

Answer 1

HTML元素不能放置在画布元素内部（并且预计会显示）。他们将interpretted为文本，如果浏览器不支持canvas元素

有了这样说，你可以叠加的元素的地方很可能类似于你想达到的目标显示。

如果使用相同尺寸，相同top & left位置，并且都position:absolute，你可以把你想在上面的其他的HTML之后的元素。在演示中，我把画布后ul所以它是在上面

ul, canvas { 
    position:absolute; 
    top:0; left:0; 
    width:100px; height:100px; 
} 

Demo

使用相同的技术，可以使一个无论给予它更高的z-index值出现在另一个的上面它在HTML中的位置。 Demo using z-index