[svg]view Box属性

357 ワード

属性の値
view Boxの値は4つの数字があります.
// x:      ,y:      ,width:  ,height:  
viewBox="x, y, width, height" 
感性的に理解する
view Boxイメージの解釈は、SVGは私達のディスプレイのスクリーンのようで、viewBoxはスクリーンショットのツールの選択のその枠で、最終の出現は枠の中のスクリーンの内容を再度ディスプレイの中で全画面で表示します!
参考文献
http://www.zhangxinxu.com/wordpress/2014/08/svg-viewport-viewbox-preserveaspectrati/o