关于viewBox的一些疑问
来源:3-1 上色
qq_陌_45
2018-06-06 19:46:03
<svg width="300" height="500" version="1.1" xmlns="http://www.w30rg/2000/svg" viewBox="0 0 100 50" xml:space="preserve" style="border: 1px solid red;box-sizing: border-box;"> <rect width="100" height="50" fill="rgba(230,230,230,.5)" /> </svg>
如这段代码,viewBox="0 0 100 50"的时候rect的宽也等于100,就是说rect占据了整个画幕的宽度,但是为什么改成viewBox="0 0 90 50",rect的宽也改成90,还是没有改变画幕的宽度。任然占据整个svg的宽度。
不应该是svg300宽,viewBox="0 0 100 50"那么画幕就是3:1 就只能占100宽度么,有些没理解,解答下
1回答
_是你_
2018-06-07
可以参考一个这个链接
http://www.zhangxinxu.com/wordpress/2014/08/svg-viewport-viewbox-preserveaspectratio/
是我之前收藏的内容,应该可以帮助到你。
相似问题