首页 > 解决方案 > 在基于 Chromium 的浏览器中使用 D3 向 SVG 路径添加样式属性不起作用

问题描述

使用 D3选择<path>元素内的元素:<svg>

d3.select("#my_id").style("fill", "red");

在基于 Chromium 的浏览器中无效。这在 Firefox 70 中工作得非常好。我可以在 Chromium 浏览器中将样式属性添加到<path>元素的唯一方法是创建它。

我还尝试将其添加为属性,该属性在 Firefox 中有效,但我知道这不是严格有效的,因为<svg>and<path>元素没有“填充”属性:

d3.seelect("#my_id").attr("fill", "red");

标签: javascriptcssd3.jssvg

解决方案


推荐阅读