svg - 无法使用 SVG 和 D3.JS 进行抗锯齿

标签 svg d3.js rendering antialiasing

我正在使用D3JS绘制图表并面临以下问题。所有圆圈,只有线条都使用抗锯齿正确渲染,但由于某些原因,路径具有楼梯效果。

您能指出哪里出了问题吗? 代码在这里:http://jsfiddle.net/DV6Ba/ 我的CSS没有任何crispEdges:

.v-path {
    stroke-width: 1.0px;

    fill: none;

}

最佳答案

我发现了问题所在。 D3 js 会在彼此之上生成多条线,因此即使它们已抗锯齿,它们也会重叠并增加抗锯齿效果,因此看起来像未抗锯齿。

关于svg - 无法使用 SVG 和 D3.JS 进行抗锯齿,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18881879/

相关文章:

javascript - 在 Fabricjs v1.5 中克隆 svgs 组时,svgs 的颜色更改为黑色

javascript - AngularJS 无法从服务加载数据

javascript - d3.js 强制定向问题, "d"的意义?

javascript - 按形状隐藏nvd3.js散点图中的数据点

python - Matplotlib 中轴边界的渲染不正确

css - 有没有办法让 iPad 在旋转后重新渲染网页?

javascript - 在编写 SVG animateTransform 脚本时使用变量?

javascript - 如何在谷歌地图中添加svg代码

java - Android + jfreeSVG : inheritance issues

javascript - 使用 React 从 wordpress api 渲染预转义的 html