SVG路径显示异常过小，如何修复？

• 修正viewBox属性
  viewBox是SVG的核心可见区域定义，格式为viewBox="x y width height"。如果它的宽高远大于路径实际尺寸，就会把路径压缩到极小。解决步骤：

  1. 用浏览器控制台执行document.querySelector('path').getBBox()，获取路径的实际边界（x、y、宽、高）。
  2. 将SVG的viewBox直接设置为这个返回值，让viewBox刚好包裹路径，比如路径边界是{x:5, y:8, width:90, height:110}，就设viewBox="5 8 90 110"。

• 清除不合理的变换属性
  检查path元素是否带有transform属性，比如transform="scale(0.005)"这类缩小路径的变换，直接删除该属性，或者调整缩放比例到正常数值。

• 设置合适的SVG宽高
  如果SVG的width和height属性值过小，也会导致显示异常。可以设置为固定像素值（比如width="200px" height="240px"），或者设为100%让它自适应容器，配合正确的viewBox就能正常缩放显示。

• Figma内快速修复方法
  选中异常的SVG图层，按住Shift用缩放工具等比例放大到合适大小，然后执行「对象 > 路径 > 转化为路径」，再重新设置图层的尺寸，导出的SVG就能正常渲染。

内容的提问来源于stack exchange，提问作者Aman