如何更改复合svg对象的颜色

时间:2012-12-16 20:39:12

标签: javascript svg

我有一个带着色和高光的复合svg对象。有没有办法改变对象的颜色,而无需指定阴影和更改的更改。突出显示?

我尝试在顶部使用灰度底层svg和svg,我可以更改填充和不透明度,但结果颜色看起来很平。

有没有这样做的图书馆?

1 个答案:

答案 0 :(得分:0)

我创建了一个循环遍历灰度svg路径的算法,其中路径按阴影(ta,Inkscape)排序,并更改阴影以创建我的彩色图像。

请参阅此处tinting a shadergbToHex了解有用信息。

效果很好。但现在我发现要获得一个“漂亮”的图像,我有150kb的svg文件(60条路径用于着色,每条路径大约10kb,2条路径花费36kb)。不太好,特别是原来的png只有21kb。但谷歌搜索后,似乎移动应用程序大小高达2GB是可以的。这意味着我的,即使使用大的png文件也可能在10mb左右倾斜,应该没问题。