如何通過圖像在網頁中創建形狀並使用javascript更改其填充

Question

我有透明背景的黑色襪子形狀的PNG圖像。

我希望能夠將此圖像嵌入網頁中，並使用javascript（jQuery）將形狀的填充從黑色更改為任何有效的網頁顏色。

我想在沒有閃光燈的情況下做到這一點，這是否可能。

從我的研究看來，我可以將圖像轉換為html表，但是我敢肯定那是低效的。

我也認為Vector / SVG圖形可能會在這里有所幫助，但我不確定如何實現。

任何幫助將不勝感激。

我白天是開發人員，晚上是網頁設計師...仍在學習:)

Answer 1

您是否檢查過Google Chrome瀏覽器的專家？ 他們有一些對你真的很有幫助。

Answer 2

我想不出以png圖像實現此目的的任何方法，但是您可以使用Illustrator將圖像直接導出到SVG。 SVG是簡單的基於xml的標記，例如html，因此，您可以通過編程方式使用javascript更改圖像。