svg问题记录

 下面的svg的viewBox 调整数值为了缩放咋调整都不好使，而且默认占很大一块区域顶着别的元素，问题解决办法是删除 源码中的宽高属性（width="640" height="480"）就是在svg上的属性  <svg width="640" height="480"

<svg-icon viewBox="0 0 100 100" width="100" height="100" class="dd" name="l3"  :style="{fill:'red'}"  ></svg-icon>

改完后在使用处像下面这样就可以自由缩放了

<svg-icon viewBox="0 0 175 470" width="40" height="100" class="dd" name="l3"  :style="{fill:'red'}"  ></svg-icon>

下面是我放源码的位置 

如果为了不占用太多无用空间也可以直接调整好合适宽高，别留太多空白区域，占用多余空间