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

Question

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

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

我想在没有闪光的情况下这样做，这是可能的。

从我的研究看起来我可以将图像转换为html表格，但这确实效率低下。

另外我认为Vector / SVG图形可能对此有所帮助，但我不确定如何实现它。

非常感谢任何帮助。

我白天是开发人员，晚上是网页设计师......还在学习:)。

Answer 1

您是否检查了Google Chrome实验？他们有一些对你有用的东西。

Answer 2

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