问题标签 [stroke-dasharray]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
35 浏览

css - 破折号在圆 svg 的开头没有完整开始

我想为成绩创建一个虚线进度圈。我想使最大等级的破折号函数的长度。(例如:如果等级是 3.5/5,则破折号的长度为 24px)。

问题是第一个破折号(右上角的那个)不是想要的长度。

请注意,如果我将此值保留在最后一条路径上 > stroke-dasharray="4.3,23.7" 我会得到: 好进步圈

但这只是因为我遇到了将半径设为 70 的好值。因为如果我想更改它(例如使其成为最高等级的函数),我有这个:

错误的图像

我想要的是对破折号的数量和破折号的长度有一个连贯的值,我有点迷茫,我不知道该怎么做