Как рисовать на холсте в javascript с помощью альфа-маски?

Question

У меня есть png изображение с белыми краями. Я хотел бы сделать края прозрачными.

Есть ли способ указать цвет, который нельзя покрасить, как цветной или алфавитный.

Есть ли примеры?

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

alt text http://sketchup.google.com/3dwarehouse/download?mid=4a51b1bfaba674b2ca42c60e697162c&rtyp=st&ctyp=other&ts=1202486187000

Как я могу сделать это в JavaScript с холста?

Answer 1

Просмотреть globalCompositeOperation или нарисовать его на другом холсте, удалить белые пиксели (getImageData, если белый, сделать его прозрачным) и putImageData нового массива на ваш холст.

Answer 2

Преобразование изображения в формат GIF? GIF позволяет любому одиночному значению цвета представлять прозрачные пиксели.