SiYuan笔记浏览器剪藏功能对SVG内联非Latin字符的兼容性优化

在SiYuan笔记3.1.27版本的浏览器剪藏功能中，我们发现当网页包含内联SVG且其中存在非Latin字符（如中文、日文等）时，剪藏操作会抛出"Failed to execute 'btoa'"的编码错误。这个问题的本质在于浏览器原生btoa()方法仅支持Latin1字符集的Base64编码。

通过技术分析，我们发现这类SVG通常出现在技术文档或公式展示场景中。例如一些文章中嵌入的数学公式SVG，其XML内容可能包含中文注释或Unicode字符。当剪藏扩展尝试将这些SVG节点转换为Data URL时，直接使用btoa()会导致编码失败。

解决方案采用了更健壮的编码策略：

1. 对SVG字符串进行URI组件编码（encodeURIComponent）
2. 替换特定保留字符
3. 构造Data URL时使用URI编码后的结果

这种处理方式不仅解决了编码问题，还带来意外收获：某些原本被识别为普通SVG的数学公式，在转换为img节点后能够被SiYuan正确识别为公式块。这是因为转换后的DOM结构更接近标准数学公式的HTML表示方式，使得SiYuan的内容类型检测机制能够更准确地工作。

该优化体现了SiYuan对复杂网页内容处理能力的持续改进，特别是对学术和技术文档的支持。对于用户而言，这意味着更可靠的知识收集体验，尤其是需要保存含数学公式或特殊符号的技术文章时。

建议用户在遇到剪藏问题时：

1. 检查是否包含特殊符号或复杂公式
2. 及时更新到最新版本
3. 对仍存在的问题可提供具体网页示例帮助开发团队优化