SVG内嵌html页面中viewBox是区分大小写的
2017-12-21 10:50
<svg viewBox='0 0 500 500'  preserveAspectRatio='xMidYMid meet'  xmlns="http://www.w3.org/2000/svg">
	<circle cx='100' cy='100' r='100' stroke-width='10' stroke='#8DC960' stroke-dasharray='0 50'>
					
	</circle>
</svg>

这个可以正常显示,

<svg viewbox='0 0 500 500'  preserveAspectRatio='xMidYMid meet'  xmlns="http://www.w3.org/2000/svg">
	<circle cx='100' cy='100' r='100' stroke-width='10' stroke='#8DC960' stroke-dasharray='0 50'>
					
	</circle>
</svg>

而这个就不能正常显示了。svg的属性区分大小写,谨记!!!

原创文章,转载请注明来自:妹纸前端-www.webfront-js.com.
阅读(533)
辛苦了,打赏喝个咖啡
微信
支付宝
妹纸前端
妹纸前端工作室 | 文章不断更新中
京ICP备16005385号-1