标签： javascript html5 colors png overlay
我有一些透明背景的png矢量，我想在运行中进行颜色叠加，因此用户可以选择一个矢量，然后从选择器中选择他们想要的颜色。
只有规定是它们不能用背景颜色掩盖，因为多个png将被加载到同一个画布上并且需要重叠。
我究竟如何将图像加载到画布中然后用某种颜色覆盖？
编辑：我找到了一些信息here和here（由Nathan回答）哪种工作有效，但并非在所有浏览器中都有效。
第二个特别是因为我只需要覆盖png本身，以及保持透明的透明度
答案 0 :(得分：0)
实际上，您希望将图像加载到画布中并使用特定颜色覆盖它，这将为整个图像提供颜色效果。
这个jQuery插件就是这样做的，它将图像加载到画布中，操纵颜色，提供漂亮的着色效果并将其转换回图像元素。将其转换回图像元素是一个非常重要的部分，因为一些用户可能会基于img元素而不是ID或类来设置CSS样式。
只需使用互动demo：
并浏览docs：
玩得开心。