風雲論壇脚本中心 → 浏览:帖子主题
* 帖子主题:简单的 snapdom 页面截图
風雲 (ID: 3)
头衔:论坛版主
等级:大天使
积分:1896
发帖:79
来自:保密
注册:2022/3/30 15:28:53
造访:2025/12/12 7:26:48
[ 第 1 楼 ] 回复

[您可以先修改代码再运行]

2025/8/30 16:38:12 IP:已设置保密
風雲 (ID: 3)
头衔:论坛版主
等级:大天使
积分:1896
发帖:79
来自:保密
注册:2022/3/30 15:28:53
造访:2025/12/12 7:26:48
[ 第 2 楼 ] 回复
注意,利用 img 标签 显示 svg 图片,仅支持 data:xml/svg 这种格式的 URL,否则在 canvas 绘制时会提示“被污染”(如无绘制要求则不受影响)。
另外,foreignObject 的 img.src 必须使用 base64Url 模式(样式中的 backgroundImage也需要转),否则 img 加载该 svg 时会不显示图片内容。
2025/8/30 16:45:16 IP:已设置保密
風雲 (ID: 3)
头衔:论坛版主
等级:大天使
积分:1896
发帖:79
来自:保密
注册:2022/3/30 15:28:53
造访:2025/12/12 7:26:48
[ 第 3 楼 ] 回复
snapdom 其实就是将需要截图的节点和每个元素的实际样式全部复制到了 svg 的 foreignObject 中,然后检查里面所有的 img 标签和 backgroundImage 并下载转成 base64。
2025/9/24 11:15:32 IP:已设置保密
pojin (ID: 2)
等级:光明使者
积分:450
发帖:6
来自:保密
注册:2022/3/30 11:42:27
造访:2025/11/7 16:53:03
[ 第 4 楼 ] 回复
已转载。
2025/9/25 10:09:01 IP:已设置保密
ding (ID: 91)
等级:新手上路
积分:2
发帖:0
来自:保密
注册:2025/10/27 2:48:15
造访:2025/10/27 2:48:09
[ 第 5 楼 ] 回复
为啥无法发布新的帖子
2025/10/27 2:49:44 IP:已设置保密
風雲 (ID: 3)
头衔:论坛版主
等级:大天使
积分:1896
发帖:79
来自:保密
注册:2022/3/30 15:28:53
造访:2025/12/12 7:26:48
[ 第 6 楼 ] 回复
回复 [ 第 5 楼 ]
为啥无法发布新的帖子
参照 LeoBBS 的机制,实施了积分制。新用户只能回帖,得到一定积分才能发新帖。
论坛头衔规则参考:
// 获取论坛称号
var scores = [ 12, 50, 80, 150, 250, 400, 700, 1500, 2500, 5000, 8000, 12000, 2e4, 3e4, 5e4, 1e5, 9e5 ];
var nicks = "新手上路,骑士,圣骑士,精灵,精灵王,风云使者,光明使者,天使,大天使,精灵使,法师,大法师,法王,老法王,天神,天王,法老".split(",");
2025/10/27 2:56:49 IP:已设置保密
分页: 1, 共 1 页
快速回复主题
账号/密码
用户: 没有注册? 密码:
评论内容