我刚刚浏览了这个网站 HERE ,它基本上是一个SVG插件,我刚刚浏览了第一个圆圈的来源,看到了以下代码:
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 194 186" class="circliful">undefined
<circle cx="100" cy="100" r="57" class="border" fill="none" stroke="#ccc" stroke-width="15" stroke-dasharray="360" transform="rotate(-90,100,100)"></circle>
<circle class="circle" cx="100" cy="100" r="57" fill="none" stroke="#3498DB" stroke-width="15" stroke-dasharray="140, 20000" transform="rotate(-90,100,100)"></circle>
<circle cx="100" cy="100" r="28.5" fill="none"></circle>undefined
<text class="timer" text-anchor="middle" x="100" y="110" style="font-size: 22px; undefined;" fill="#aaa">38%</text>
</svg>
现在没有为这个SVG定义高度和宽度,那么cx和cy到底是如何调用的呢?