關於SVG的viewBox

關於viewBox的意思在網上找了好多,均不得其解,後本身測試,得出以下結論: <svg width="1000" height="1000" viewBox="100 100 400 400"> 上面這個svg標籤的意思是,svg寬爲1000,高爲1000,viewBox裏的4個數字的意思是:把svg的左上角100,100和右下角400,400區域內的圖像放入1000,1000內, 也就是把原本寬爲400-100=300,高爲400-100=300的長方形,放入寬高均爲1000的長方形內,也就是說等比例的把高寬爲300的放大爲高寬爲1000的圖像。 (以上爲本人測試心得,若有異議,請留言,謝謝)svg

相關文章
相關標籤/搜索