如何更改復合svg對象的顏色

Question

我有一個帶有陰影和高光的復合svg對象。 有沒有一種方法可以更改對象的顏色，而不必指定陰影和高亮的更改？

我嘗試使用灰度底圖svg和頂部的svg，在其中可以更改填充和不透明度，但是生成的顏色看起來很平坦。

有圖書館這樣做嗎？

Answer 1

我創建了一種算法來循環遍歷灰度svg的路徑，該路徑按陰影（ta，Inkscape）排序，並更改陰影以創建彩色圖像。

有關有用的信息，請參見此處為陰影着色和rgbToHex 。

效果很好。 但是現在我發現，要獲得一個“漂亮”的圖像，我需要使用150kb的svg文件（用於着色的60條路徑，每條路徑大約10kb，其中2條路徑的成本為36kb）。 不太好，尤其是原始的png只有21kb。 但是在谷歌搜索之后，看起來移動應用程序大小不超過2GB是可以的。 這意味着我的，即使有很大的png文件，也可能將比例縮放到10mb左右，應該沒問題。