1. SVGA--day02缩放

 <!-- 
    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: 保持宽高比，裁剪

     -->