Q

如何在html5中填充紋理（並且仍然能夠更改顏色？）

2012-02-23 36 views 1 likes

1

我正在創建一個html5畫布繪圖應用程序。如何在html5中填充紋理（並且仍然能夠更改顏色？）

我想用堅韌的質感來繪畫。我知道我可以使用填充特定圖像作爲紋理，但是顏色被鎖定到該圖像。我仍然希望能夠通過顏色選擇器更改顏色。我只想要堅韌不拔。

有什麼解決方案可用？

2012-02-23 Homan

+0

檢查我的回答這個問題：http://stackoverflow.com/questions/9303757/how-to-change-color-of-an-image-using- jQuery的/ 9304367＃9304367 – Delta 2012-02-24 03:20:15

A

回答

0

閱讀我的回答爲「着色」這裏的圖片：How can I use a gradient map to tone a HTML5 canvas with an image in the canvas.

你總是可以很容易地操作圖像的像素數據來發出不同的色調比原來的顏色（或者沒有顏色在所有如果你平均RGB，得到一個灰度圖像）。

所以至少有一個選擇。

你會在這裏做什麼：而不是使用圖像作爲紋理，而是將圖像繪製到臨時畫布上，然後使用顏色選擇器修改整個畫布的色調，而不是將該畫布用作圖案。（圖像和畫布上創造的模式有效輸入）

2012-02-23 22:36:39

相關問題