1. SVGA--day02缩放

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

<!--    viewbox:可视区域（默认为宽高）    viewBox: 是用于在画布上绘制svg图形的坐标系统      可自动缩放比        公式：实际图形宽高 = <图的宽> / (svg--width / viewBox--width)       -->    <svg width="100px" height="100px" viewBox="0 0 50 50" style="border: 1px solid #000000;">      <rect x="0" y="0" width="50" height="50" style="stroke:aqua; fill: none;" />    </svg>      <!--      preserveAspectRatio用于当viewport和viewBox宽高比不相同时，        指定这个坐标系在viewport中是否完全可见，同时也可以指定他在        viewport坐标系中的位置。      默认：xMidYMid meet      meet:保持宽高比，缩放      slice: 保持宽高比，裁剪       -->