更改图像的特定区域并在该区域填充颜色
编辑Png图像例如，更改特定区域并在该区域填充颜色。
我想更改仅图像选择区域的颜色。就像第一个用户选择一种颜色，然后他选择一个图像一样，之后他可以用所选颜色更改图像颜色的特定区域。
之后，他也可以保存该图像，这可能吗？像Color公司的网站使用这种东西。
像下面的URL https://www.sherwin-
williams.com/visualizer#/active
问题答案：
演示：
整页：https : //angularjs-
rj88cu.stackblitz.io/
代码：https：//stackblitz.com/edit/angularjs-
rj88cu
说明：
编辑器是一个svg，其中包含背景图像和<image>和区域，因为<path>两者都是从editor.imageUrl和创建的editor.areas
要下载，
- 背景图像绘制在画布上
- SVG（不带
<image>）被转换为dataUrl，然后在画布上绘制 - 画布转换为dataUrl以进行下载
为什么首先不使用canvas而不是svg？
因为鼠标交互很难在画布中实现，并且像DOM元素（悬停伪类，单击事件等）之类的工作在嵌入式svg中要容易得多
我还假设您想要angularjs，因为您已经对其进行了标记（即使您未在问题中提及）
此外，代码中还有很多不良做法，例如编辑器不是组件，也不是对input[type=color]Shadow
DOM进行样式设置（可以使用一些colorpicker插件代替）
PS：告诉我是否需要更改
-
使用下面的代码，我可以在加载到画布中的图像上绘制一个区域，并用一些颜色填充绘制的区域。 现在，我需要用图像而不是颜色填充绘制区域。比如： 帆布fillStyle='url（myimage.jpg）'； 而不是 帆布fillStyle='#123456'//填充颜色示例 HTML: jquery。拉票。min.js
-
我想用一种颜色填充剩余的空白，但我找不到任何方法来做到这一点，我是ios开发的初学者 我的应用的照片：
-
我试图在JQuery中创建一个函数来增加和减少点击点。我已经创建了增加点数的onclick事件，但不知道如何减少点数。 上面的函数增加点的值，当点击，为了减少它，我需要知道是否填充的区域是点击。 我查看了ChartJS文档，但没有碰到它。其他图表也有它，例如极地面积图，当你悬停一个部分时，它会高亮显示，这意味着有一个功能可以检测鼠标悬停在段上。 雷达图中是否存在类似的功能？ 我的密码本。 如果不是
-
下面的php代码用于预填充输入框，但不适用于文本区域。问题是标准输入框的高度很小，所以文本显示在一行上。我尝试使用文本区域，但它出现空白时，呈现。代码显示了这两种方法，工作方法，然后是文本区域方法。有谁能给出建议吗？
-
这是我的输出窗口。 我想改变JTable下的空白区域的颜色，它是灰色的。我想把它换成白色。