2010-01-21 27 views
0

我有一个白色边缘的PNG图像。我想使边缘透明。如何使用alphamask在canvas上绘制画布?

有没有一种方法来指定一种颜色不被绘 - 就像一个颜色键或alphamask。

有没有任何例子?

例如,这个图像有白色的边缘,我想画他们两个接近彼此没有白色。

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

我如何能做到这一点与JavaScript的帆布?

回答

1

请参阅globalCompositeOperation,或在另一个画布中绘制它,删除白色像素(getImageData,如果为白色,使其透明),并将新阵列的putImageData添加到画布。

+0

你有一个在线代码示例吗? :) – zproxy 2010-01-21 22:02:22

+1

我写了一些代码做这样的事情: 请参阅:http://people.mozilla.com/~prouget/demos/fennec/img处理/ 和:http://people.mozilla.com/ 〜prouget /演示/绿/ green.xhtml – 2010-01-23 14:19:10

-1

将图像转换为GIF格式? GIF允许任何单一颜色值表示透明像素。

+0

不是此任务的一个选项。 – zproxy 2010-01-21 22:01:33

+1

没有真正回答这个问题的建议通常是更好的作为评论 – 2011-06-20 17:10:08