当前位置:  开发笔记 > 编程语言 > 正文

摆脱SVG圆形元素上的锯齿

如何解决《摆脱SVG圆形元素上的锯齿》经验,为你挑选了0个好方法。

我正在制作动画SVG饼图.基本上我有两个SVG元件,所述第一获取一个border-radius50%,第二个是,我填充到一个特定的值的圆.最后,这使得一个圆圈位于另一个圆圈之上,它们都具有相同的尺寸.

有一种似乎很难摆脱的SVG别名.它在圆圈的顶部,左侧,底部和右侧"角落​​"非常明显,至少在Google Chrome上是如此.

这是HTML部分

这是我的codepen,可以更准确地描述问题.我尝试了各种解决方案,包括形状渲染SVG属性但无济于事.

这是一个截图,别名不像在codepen中那样可见(对我来说至少)

在此输入图像描述

推荐阅读
地之南_816
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有