我附上了一个jsfiddle示例,其中SVG可以正常工作,但是当我将其添加到我的角度html中时,两个圆圈都出现在不同的位置。
<svg class="circle-chart" viewbox="0 0 33.83098862 33.83098862" width="200" height="200" xmlns="http://www.w3.org/2000/svg">
<circle class="circle-chart__background" stroke="#efefef" stroke-width="2" fill="none" cx="16.91549431" cy="16.91549431" r="15.91549431" />
<circle class="circle-chart__circle" stroke="#00acc1" stroke-width="2" stroke-dasharray="30,100" stroke-linecap="round" fill="none" cx="16.91549431" cy="16.91549431" r="15.91549431" />
</svg>
角度示例-无法使用https://stackblitz.com/edit/angular-sq1dwb
如何使其完全像jsfiddle示例一样工作?
任何帮助将不胜感激!
我附加了一个jsfiddle示例,其中SVG可以正常工作,但是当我将其添加到我的角度html中时,两个圆圈都出现在不同的位置。
问题出在viewBox
属性中:在第二个示例中,您编写了视图框(小写b
)