如何在html5中填充纹理(仍然能够改变颜色?)

时间:2012-02-23 21:31:39

标签: javascript html5 canvas fill

我正在创建一个html5画布绘图应用程序。

我想用坚韧不拔的纹理绘画。我知道我可以使用特定图像填充作为纹理,但随后颜色将锁定到该图像。我仍然希望能够通过颜色选择器改变颜色。我只想要坚持不懈。

有哪些解决方案?

1 个答案:

答案 0 :(得分:0)

在此处阅读我对“着色”图片的回答:How can I use a gradient map to tone a HTML5 canvas with an image in the canvas.

您可以随时轻松地操纵图像的像素数据,以发出与其原始色调不同的色调(如果平均RGB,则获取灰度图像时,根本没有色调)。

这至少是一种选择。

你在这里做什么:不是使用图像作为纹理,而是将图像绘制到临时画布上,然后使用颜色选择器修改整个画布的色调,而不是使用该画布作为模式。 (图像和画布都是创建图案的有效输入)