[svg]viewBox属性

属性值

viewBox值有4个数字:

// x:左上角横坐标,y:左上角纵坐标,width:宽度,height:高度
viewBox="x, y, width, height" 

感性理解

viewBox形象的解释就是:SVG就像是我们的显示器屏幕,viewBox就是截屏工具选中的那个框框,最终的呈现就是把框框中的截屏内容再次在显示器中全屏显示

参考文献

http://www.zhangxinxu.com/wordpress/2014/08/svg-viewport-viewbox-preserveaspectrati/o

你可能感兴趣的:([svg]viewBox属性)