从Canvas重新加载SVG时被裁剪的原因排查

• clipPath坐标转换逻辑缺陷：FabricJS导出SVG时，对带clipPath的元素处理存在坐标转换bug。原SVG的clipPath若使用基于viewBox的相对单位，导出时可能被错误转为超大绝对像素值，导致clipPath尺寸异常，反向裁剪掉大部分图形区域。
• viewBox信息未正确保留：加载外部SVG时FabricJS能解析并应用原viewBox参数，但导出自身SVG时，可能未正确保留或转换viewBox相关配置，重新导入时元素的缩放、定位逻辑混乱，clipPath作用范围完全偏离预期。
• clipPath与元素的关联失效：导出SVG过程中，FabricJS可能没正确维护clipPath和目标元素的引用关联，或是clipPath的id生成出现冲突，重新导入后元素绑定了错误的clipPath，引发显示异常。
• 多次操作的精度累积误差：每次导出导入的序列化/反序列化过程中，图形参数会产生精度损耗，多次操作后误差累积，让clipPath的尺寸、位置偏差被放大，最终导致图形被过度裁剪。

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