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

时间:2010-12-22 20:57:55

标签: javascript image vector svg fill

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

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

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

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

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

非常感谢任何帮助。

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

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

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