javascript - 如何从图像在网页中创建形状并使用 javascript 更改其填充

Question

我有一个带有透明背景的黑色袜子形状的 PNG 图像。

我希望能够将此图像嵌入网页中，并使用 javascript (jQuery) 将形状的填充从黑色更改为任何有效的网页颜色。

我想在没有闪光灯的情况下做到这一点，这可能吗？

从我的研究看来，我可以将图像转换为 html 表格，但我敢肯定那是低效的。

另外我认为 Vector / SVG 图形在这里可能会有所帮助，但我不确定如何实现这一点。

任何帮助将不胜感激。

我白天是开发人员，晚上是网页设计师……还在学习：）

Answer 1

你检查过谷歌浏览器实验吗？他们有一些对你很有帮助的东西。

Answer 2

我想不出任何方法可以使用 png 图像来实现这一点，但是您可以使用 Illustrator 将图像直接导出到 SVG。SVG 是简单的基于 xml 的标记，如 html，因此这将允许您使用 javascript 以编程方式更改图像。