簡體   English   中英

如何在html5中填充紋理(並且仍然能夠更改顏色?)

[英]how to fill with a texture in html5 (and still be able to change the color?)

我正在創建一個html5畫布繪圖應用程序。

我想用堅韌的質地繪畫。 我知道我可以使用特定圖像的填充作為紋理,但是隨后將顏色鎖定到該圖像。 我仍然希望能夠通過拾色器更改顏色。 我只希望能渡過難關。

有哪些可用的解決方案?

在此處閱讀有關“對圖像進行着色”的答案: 如何使用漸變貼圖對HTML5畫布中的圖像進行色調處理。

您始終可以非常輕松地操縱圖像的像素數據,以散發出與原始色相不同的色相(如果將RGB取平均值,則得到的是灰度圖像,則根本不顯示任何色相)。

因此,這至少是一種選擇。

您將在此處執行的操作:不要將圖像用作紋理,而是將圖像繪制到臨時畫布上,然后使用顏色選擇器修改整個畫布的色相,而不是使用該畫布作為圖案。 (圖像和畫布都是創建圖案的有效輸入)

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM