【问题标题】:how to fill with a texture in html5 (and still be able to change the color?)如何在 html5 中填充纹理(并且仍然可以更改颜色?)
【发布时间】:2012-03-14 08:48:55
【问题描述】:

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

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

有哪些解决方案?

【问题讨论】:

标签: javascript html canvas fill


【解决方案1】:

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

您始终可以非常轻松地操纵图像的像素数据以发出与其原始色调不同的色调(或者,如果您对 RGB 进行平均,则获得灰度图像,则根本没有色调)。

所以这至少是一种选择。

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

【讨论】:

    猜你喜欢
    • 2011-02-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-12-19
    • 2023-03-21
    • 2021-12-24
    • 1970-01-01
    • 2017-12-31
    相关资源
    最近更新 更多