当没有提供SVG的宽度和高度时,如何计算cx和cy?

时间:2016-07-27 22:23:35

标签: svg

我刚刚浏览了这个网站 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到底是如何调用的呢?

0 个答案:

没有答案