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背景设置成透明？你试一下是否满足你的需求。


#c1{
border: 1px solid blue;
}

#c2{

position: absolute;
top:10px;
left:100px;
cursor: pointer;
border: 1px solid blue;
}








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

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

用float加margin不行吗？

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

查看更多关于HTML5画布问题_html/css_WEB-ITnose的详细内容...