Javascript 是否有可能从零件中获得完美的svg圆?

Javascript 是否有可能从零件中获得完美的svg圆?,javascript,css,svg,snap.svg,Javascript,Css,Svg,Snap.svg,我得到了一个圆的4个圆弧,它们是使用SnapSVG.js生成的 问题在于上部圆弧之间的间隙高于下部圆弧的间隙 所以,我的问题是,我是否可以修复圆弧之间的间隙,并仅使用CSS来获得一个完美的圆,以使其与resize保持一致 这是一个原始JS[我打算清理一下] 也许我有点误解,但是使用这个CSS可以使你的弧形成一个完美的圆圈: svg{position:fixed;} #svg3{left:-72px; top:88px;} #svg4{left:88px; top:88px;} Ps:Chr

我得到了一个圆的4个圆弧,它们是使用SnapSVG.js生成的 问题在于上部圆弧之间的间隙高于下部圆弧的间隙 所以,我的问题是,我是否可以修复圆弧之间的间隙,并仅使用CSS来获得一个完美的圆,以使其与resize保持一致

这是一个原始JS[我打算清理一下]


也许我有点误解,但是使用这个CSS可以使你的弧形成一个完美的圆圈:

svg{position:fixed;}
#svg3{left:-72px; top:88px;}
#svg4{left:88px; top:88px;}


Ps:Chrome中有一个渲染路径弧:

绘制4个圆,在每个象限进行剪辑。将它们合并将重新创建圆。用一根绳子把它绑起来并使用。我不喜欢用圆弧路径画圆。注意:在IE9&FF上,圆弧之间有明显的间隙,铬可以。@AlvinK。你说得对,我今天早上没注意到。但我想这是一个奇怪的错误,因为从JSFIDLE重新缩放面板似乎改变了这种行为,至少在FF上是这样。也许有人知道如何预防这种情况?
svg{position:fixed;}
#svg3{left:-72px; top:88px;}
#svg4{left:88px; top:88px;}