2014-01-25 65 views
0

我想爲我的fabricjs基於0.5不透明度的免費繪圖應用程序(與非平凡的背景圖像),我i'橡皮擦',我。即所有繪圖都是半透明的,我們仍然可以通過免費繪圖來看到背景。如何使'基於pixie的'免費繪圖在fabricjs

但我明白默認情況下所有的免費繪圖都是'基於路徑的'i。即我們繪製的所有東西(鼠標向下鼠標之間)都會作爲畫布中的單個路徑捕獲,因此無法擦除路徑的任意部分。所以我想,也許我們可以手動捕捉鼠標向下/向上事件,並通過小精靈繪製圖像小精靈,並將其放置在畫布上,且不透明度= 0.5?這樣我們可以用白色來覆蓋所有那些'舊'繪圖?

這是一種可行的/有效的解決方案嗎?

但是我不確定在fabricjs這是如何實現的?你能給我一些關於步驟或僞代碼的建議嗎?謝謝

回答

0

我沒有完成我的嘗試,當我有類似的問題,但基本的概念很簡單'閱讀光標下的像素(和畫布下,其中有一個背景圖像的另一個畫布),畫具有相同顏色的路徑「,從而創建橡皮擦效果。起步的石頭是這jsfiddle.net/DV9Bw/1/也許它可以幫助你,我沒有嘗試它完成,因爲這個想法很快被放棄了