Canvas 可以创建透明画布吗

Canvas 可以创建透明画布吗,canvas,processing.js,Canvas,Processing.js,我正在使用processing.js用javascript开发一个画笔应用程序 它正在使用画布对象。我想在画布的背景上保留一个图像。在前景画一些东西。在保存时,我只需要获取前景数据 为此,我们需要使画布对象透明,以便背景图像可见 我看不到任何使画布透明的选项。我该怎么做 context.clearRect(0,0,width, height) 是你所需要的一切=) 请记住,您可以在画布对象上使用CSS样式 canvas.style.position = "absolute"; canva

我正在使用processing.js用javascript开发一个画笔应用程序 它正在使用画布对象。我想在画布的背景上保留一个图像。在前景画一些东西。在保存时,我只需要获取前景数据

为此,我们需要使画布对象透明,以便背景图像可见

我看不到任何使画布透明的选项。我该怎么做

context.clearRect(0,0,width, height) 
是你所需要的一切=)

请记住,您可以在画布对象上使用CSS样式

canvas.style.position = "absolute";  
canvas.style.left = the x position of the div you're going over +"px";  
canvas.style.top = the y position of the div you're going over + "px";

为什么不将图像放在画布中,使笔划和填充透明?

默认为透明

我做了一个概念证明,可以在这里找到:


针对IE6、IE7、IE8、Firefox 2、Firefox 3、Chrome和iPhone进行测试。

更好的是,在您的睡衣顶部放上:

/* @pjs transparent=true; */
。。。然后在绘制循环中:

background(0, 0, 0, 0);

正确答案是杰瑞德的。为什么?因为最初的海报上说他需要用ProcessingJS来完成,ProcessingJS默认呈现灰色背景的所有画布元素。他希望覆盖此默认行为。这在使用其他画布库/API时有效。注意,原始海报说他需要用ProcessingJS来完成,ProcessingJS将所有画布元素渲染为默认的灰色背景。他想推翻这种默认行为。杰瑞德的答案实际上是正确的,没问题。我也经常犯错误使用ProcessingJS时回答正确。这也解决了我的问题。