画布如何删除背景图像

时间:2014-07-03 15:11:26

标签: html5 canvas background

我使用HTML5画布和javascript写作绘画程序。

我有背景图片 I have background image

绘制get(背景+图纸)后得出结果: After drawing get (background+drawings) this result:

现在我需要明确的背景我得到这个结果: Now i need clear background i get this result

我添加两个尝试按钮“更改背景”和“删除背景”因为如果我可以更改背景我可以放置白色背景并获得干净背景的结果。

me code: http://jsfiddle.net/3zj3z/

此更改背景代码有效但未显示其后的图纸:

var img = new Image();
img.src = "http://static3.businessinsider.com/image/52a0bbfd6bb3f7961363819e/the-most-amazing-satellite-images-of-the-year.jpg";
ctx.drawImage(img, 0,0);

第二个按钮不起作用我不知道如何让我尝试:

$("#btn2").click(function() {
    var img = new Image();
    img.src = 0; //img.src = "" not working
    ctx.drawImage(img, 0,0);               
}); 

0 个答案:

没有答案