Open david2tdw opened 4 years ago
svg的viewbox属性：
<svg viewbox="50, 50, 100, 100" width='400px' height='400' xmlns="http://www.w3.org/2000/svg" style="border: 1px solid red;"> <circle cx="100" cy="100" r="50" fill="yellow"/> </svg>
说明: 宽高默认px svg画布大小400px * 400px circle: 圆心坐标x: 100px, y: 100px, 半径50px viewbox： 截取实际画布中从x: 50px, y: 50px, 宽度100px，高度100px的内容，并缩放到整个画布中。
理解SVG viewport,viewBox,preserveAspectRatio缩放
svg的viewbox属性：
说明: 宽高默认px svg画布大小400px * 400px circle: 圆心坐标x: 100px, y: 100px, 半径50px viewbox： 截取实际画布中从x: 50px, y: 50px, 宽度100px，高度100px的内容，并缩放到整个画布中。
理解SVG viewport,viewBox,preserveAspectRatio缩放