2010-01-21 31 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