Можно ли создать прозрачный холст

Question

Я разрабатываю приложение для рисования кистью в javascript с использованием processing.js Это использует объект холста. Я хочу сохранить изображение на фоне холста. Нарисуйте что-нибудь на переднем плане. И при сохранении мне нужно получить только данные переднего плана.

Для этого нам нужно сделать объект холста прозрачным, чтобы фоновое изображение было видимым.

Я не вижу возможности сделать прозрачный холст. Как мне это сделать?

Answer 1

Еще лучше, в верхней части вашего пижама просто поставьте:

/* @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.

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

почему бы не поместить изображение на холст и не сделать свои штрихи и заливки прозрачными?