HTML5画布问题_html/css_WEB-ITnose

新建了两个画布，每个画布都有一张图片，如何把一张画布放在另外一张画布的上面，看起来的效果是一张图片浮在另外一张图片上面。

回复讨论(解决方案)

设置坐标应该可以吧
参考
http://www.w3school.com.cn/html5/html_5_canvas.asp
http://www.cnblogs.com/myssh/archive/2011/11/24/2261901.html

这个解决不了

你是不是想把上面的canvas背景设置成透明？你试一下是否满足你的需求。

<script> <br /> var context1 = document.getElementById("c1").getContext("2d"); <br /> var context2 = document.getElementById("c2").getContext("2d"); <br /> var img1 = new Image(); <br /> img1.src="1.PNG"; <br /> var img2 = new Image(); <br /> img2.src="2.PNG"; <br /> img1.onload=function(){ <br /> context1.drawImage(img1,0,0); <br /> } <br /> img2.onload=function(){ <br /> context2.drawImage(img2,0,0); <br /> } <br /> context2.globalAlpha=0.5; <br /> <br /> </script>

用一个画布就行了，干嘛非要2个？

用float加margin不行吗？

用一个画布就行了，干嘛非要2个？
一张画布放两张图片，大的那张会把小的那张覆盖了，没有浮在上面的效果。就和QQ空间的相册差不多