風雲 (ID: 3)
头衔:论坛版主
等级:大天使
积分:1877
发帖:78 篇
来自:保密
注册:2022/3/30 15:28:53
造访:2025/9/29 23:49:59
[ 第 1 楼 ]
回复

2025/8/30 16:38:12

IP:已设置保密
風雲 (ID: 3)
头衔:论坛版主
等级:大天使
积分:1877
发帖:78 篇
来自:保密
注册:2022/3/30 15:28:53
造访:2025/9/29 23:49:59
[ 第 2 楼 ]
回复
注意,利用 img 标签 显示 svg 图片,仅支持 data:xml/svg 这种格式的 URL,否则在 canvas 绘制时会提示“被污染”(如无绘制要求则不受影响)。
另外,foreignObject 的 img.src 必须使用 base64Url 模式(样式中的 backgroundImage也需要转),否则 img 加载该 svg 时会不显示图片内容。

2025/8/30 16:45:16

IP:已设置保密
風雲 (ID: 3)
头衔:论坛版主
等级:大天使
积分:1877
发帖:78 篇
来自:保密
注册:2022/3/30 15:28:53
造访:2025/9/29 23:49:59
[ 第 3 楼 ]
回复
snapdom 其实就是将需要截图的节点和每个元素的实际样式全部复制到了 svg 的 foreignObject 中,然后检查里面所有的 img 标签和 backgroundImage 并下载转成 base64。

2025/9/24 11:15:32

IP:已设置保密
pojin (ID: 2)
等级:光明使者
积分:444
发帖:6 篇
来自:保密
注册:2022/3/30 11:42:27
造访:2025/9/29 13:26:42
[ 第 4 楼 ]
回复

2025/9/25 10:09:01

IP:已设置保密