我有几个SVG路径,根据一些参数改变填充颜色和不透明度。
当两个参数在同一个SVG功能上时,我想清楚地表明在这个功能中有两个不同的“东西”(或对象)。
我首先考虑混合两种不同的颜色(如果只有一个参数,那么只有一种颜色),但现在我发现它不是很直观。
将正方形(或圆圈)除以一半(仅限2个参数)或3,4,5 ...每个部分及其相应的颜色(用户也会有一个图例)可能更具表现力每个参数=>对应的颜色。)
但我目前不知道如何开始实施这个。
任何想法,链接或建议都表示赞赏...谢谢!
答案 0 :(得分:0)
不是为每个单独的要素创建<path>
,而是为每个单独的要素创建一个组(<g>
),该组可以包含任意数量的<path>
元素,或者您需要的任何内容有助于区分参数。请注意,绑定到<g>
元素的任何数据都会自动/绑定到其子元素。