風雲論壇脚本中心 → 浏览:帖子主题
* 帖子主题:简单的 snapdom 页面截图
風雲 (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:已设置保密
分页: 1, 共 1 页
快速回复主题
账号/密码
用户: 没有注册? 密码:
评论内容