我正在做一个项目,我在网站上托管一个完整的应用程序。 它有大量的按钮和图标。 我想通过JS动态地添加这些按钮/图标,并且能够随着主题的改变而改变它们的颜色。
我尝试了一些事情,比如通过css类中的背景图像添加svg等,但这不允许我改变颜色。
做这件事最好的方法是什么?
注意-我不能使用内联svg等,因为它必须是动态的。
您可以从javascript中的url获取svg的数据,然后将其插入按钮中。 这样,您就可以使用fill
css属性来提供一些颜色。
由于您没有说明您是否使用了框架,也没有显示任何代码,所以我可以做的也不多,但是尝试查看Fetch
或XMLHttpRequest
API来获取数据。
这里有一个codesandbox显示了我的意思