主页 / 问题 / 551787
Accepted
Mihanik71
Asked:2020-08-04 14:54:28 +0000 UTC2020-08-04 14:54:28 +0000 UTC

在画布上更改图像的一部分

  • 772

提供内外饰配色服务。在其中选择了一个图像，您可以用所选颜色重新着色图像的一部分（查看颜色的外观）。

我正在研究类似的功能。最初，我想将 SVG 放在纹理下，但没有混合模式看起来不太好。

该服务有几个画布层：

  • 主图像层，它略微变亮 - 具有透明度
  • 对象遮罩层，最初是黑色遮罩

我深入研究了混淆代码并得到了类似以下算法的东西。

  1. 用户选择一种颜色为对象重新着色
  2. 编译不透明像素列表（基于蒙版）
  3. 遍历主图像的每个像素，并将所选颜色与主图像像素的颜色混合以进行重新着色。
  4. 我们使用遮罩将上一段的值保存在画布中

该算法很简单，但也许我忘记了某些功能或错过了更简单的实现。

javascript

1 个回答

  1. Best Answer

    目前我已经开发了以下算法：

    1. 我们翻译您想要在 HSV 中重新绘制的颜色。
    2. 我取画布中图像部分所在的每个像素，并将“V”*100个值的个数 写入对象（为了取整和统计）。
    3. 在上一步之后，我得到一个对象，其中包含值“V”的出现次数。我在这个对象中找到了最大值 - 因此我得到了图像的主要颜色。
    4. 我使用步骤 1 中的“H”和“S”对图像部分的每个像素重新着色，“V”通过公式获得（步骤 1 的 V +（原始图像像素的 V - 原始图像像素的 V图像部分的最大值））。
    • 0

相关问题