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

相关文章
相关标签/搜索