我有一个SVG，它需要像image一样根据数据填充。我需要用不同的颜色填充手臂，用不同的颜色填充头部，用不同的颜色填充腿部，所有这些都使用HTML，CSS和JavaScript。我目前在Angular上使用它，它也使用D3.js。有没有解决这个问题的方法？
j8ag8udp1#
您可以只给予SVG一些类，并使用JS切换它们，或者编辑元素填充样式。第一个
dgtucam12#
由于SVG只是可以直接写入HTML的标记，它们还可以具有类和ID等属性，因此可以像处理常规元素一样对它们进行样式化。您也可以使用JS将它们作为目标来添加/删除属性等。下面是一个非常简单的样式化SVG示例：第一个
2条答案
按热度按时间j8ag8udp1#
您可以只给予SVG一些类，并使用JS切换它们，或者编辑元素填充样式。
第一个
dgtucam12#
由于SVG只是可以直接写入HTML的标记，它们还可以具有类和ID等属性，因此可以像处理常规元素一样对它们进行样式化。
您也可以使用JS将它们作为目标来添加/删除属性等。
下面是一个非常简单的样式化SVG示例：
第一个