Question

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

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

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

Answer 1

更好的是，在pjs的顶部放置：

/* @pjs transparent=true; */

...然后在你的绘制循环中：

background(0, 0, 0, 0);

瞧！

Answer 2

<canvas>默认是透明的。

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

http://irae.pro.br/lab/canvas_pie_countdown/

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

Answer 3

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";

Answer 4

为什么不将图像放在画布上并使笔画和填充变得透明？

是否可以创建透明画布

4 个答案: