繁体   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