关于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/

是我之前收藏的内容,应该可以帮助到你。

0

0 学习 · 4826 问题

查看课程