Javascript 带有stroke dasharray的CICLE系列是不规则的，无论是canvas还是svg

我想画一系列共享一个公共中心点的圆，每个圆的路径都应该是虚线

//svg.datumd3.range40.enter.append'g' var w=窗内宽度， h=窗内高度； var svg=d3.selectbody.appendsvg .宽度，w .高度，h； //svg.appendrect //.宽度，w //.高度，h； 变量z=d3.scaleOrdinal .范围[98abc5、8a89a6、7b6888、6b486b、a05d56、d0743c、ff8c00]； svg.appendg.selectAllcircle .数据3.范围35,60 //.数据[25] .enter.appendcircle .attransform，translate+w/2+，+h/2+ //.attrtransform，旋转-10，+w/2+，+h/2+ .ATTR阵列，5% //.attr偏移量，15 .attrr，函数d{return d*5；}； svg.appendg.selectAllcircle .数据3.范围25,35 .enter.appendcircle .attr数组，10 .attransform，translate+w/2+，+h/2+ 一等三文鱼 .attrr，函数d{return d*5；}； 身体{ /*背景：鲑鱼*/ /*颜色：fff*/ 填充：0； 保证金：0； } 帆布{ /*背景：ccc*/ } svg{ /*背景：rgba46139,87,0.5*/ 背景：fff； } 直肠{ 填充：无； 指针事件：全部； } 圈{ 填充：无； 行程：RGBA46139,87,0.5； } .鲑鱼{ 中风：鲑鱼； }

---

我是询问者。我已经在mdn和msdn中查找了svg和webgl，除了directX文档之外，还有opengl b。似乎必须确定绘制图形的基线。因此，除了一个或多个问题外，在很多情况下都没有问题

这是一系列相互成比例的虚线图形。这将把坏的一面放大到人们可以看到的程度。即使只有一条曲线，问题也存在，无法感觉到。一个典型的情况是，许多笔划虚线圆圈共享同一中心点

---

在我看来，这应该等于计算机或系统图形库不能计算出一个真正的分数，而只能用十进制表示的问题。它确实是从某个位置开始绘制的

对于svg，its指示其开始时间为3点钟

---

对于画布，其二维上下文从12点开始。

确保笔划dasharray值的总和除以圆周长。我已设置了笔划Dashline[5%，5%]。我认为分割比例是毫无疑问的。那是视框大小的5%，它与圆周毫无关系。你觉得这能回答你的问题吗？对我来说似乎不太合适。如果这只是关于您的问题的进一步信息，您应该将其编辑到问题中并删除此答案。