如何限制paper.js仅输出符合SVG Tiny标准的内容

paper.js本身没有内置专门的SVG Tiny输出模式，可通过以下组合方案实现合规输出，同时降低内容冗余：

• 调整原生导出参数
  调用exportSVG()方法时传入配置项，从源头减少冗余内容，参考配置如下：

const outputSvg = project.exportSVG({
  asString: true,
  precision: 3, // 压缩坐标小数位，SVG Tiny场景下3位精度足够满足渲染需求
  matchShapes: true, // 优先输出rect、circle等基础几何元素，而非默认的path路径，符合SVG Tiny的元素支持范围
  ignoreHidden: true, // 跳过导出隐藏的图层和元素
  embedImages: false, // 关闭图片内嵌，SVG Tiny对base64资源支持有限，可改为外部资源引用
  applyMatrix: true // 把变换矩阵直接应用到坐标上，避免导出多余的transform属性
});

• 对导出结果做合规性后处理
  批量过滤paper.js默认导出的SVG Tiny不支持的内容：
  • 移除所有自定义属性，包括id、class、data-*、paper-data等冗余字段
  • 清理<defs>标签内的高级特性，仅保留SVG Tiny支持的基础线性/径向渐变，删除滤镜、遮罩、裁剪路径等不支持的定义
  • 拆解复合路径为独立单路径，删除clip-path、mask、mix-blend-mode等不支持的属性
  • 只保留核心SVG命名空间，删除其他多余的命名空间声明
• 绘制阶段提前规避不兼容特性
  在使用paper.js绘制内容时就避免使用SVG Tiny不支持的功能：
  • 不使用复杂文本特效，仅设置基础的font-size、font-family、fill等文本属性
  • 不使用透明度叠加、组透明度等高级样式，仅使用元素基础opacity属性
  • 所有数值避免使用科学计数法，统一用十进制数值表示

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