操作指引,登录https://admin.trustindex.io/ 进入
【Widget configurator】选择》【Review widgets】
点击 【Edit】>F12 获取 class=“ti-widget desktop” 的数据进入开始操作
1 粘贴评论HTML → 生成指定格式JSON
✅ 自动提取评论与对应头像URL(保持原始DOM节点严格顺序)
✅ JSON avatar固定:https://statichk.cmermedical.com/newopd/about/rating/reviewsicon.webp
✅ position按0px -0px/40px...严格按顺序生成,与雪碧图纵向切片精准匹配
✅ JSON生成成功!头像URL已按严格原始顺序提取,可一键填充
2 生成40x40竖排雪碧图(头像顺序严格按索引保序)
✅ 🚫 无Canvas污染报错(Base64中转)
✅ 🚫 突破限流(分批并发受控)
✅ 🚫 彻底解决顺序混乱:网络返回与图片加载全部按索引定位,杜绝push导致的乱序
✅ 🚫 无1KB空图(等待图片加载完成再绘制)
✅ 生成:reviewsicon.webp(直接上传服务器)
正在初始化加载头像... 1-9张随机分批保序处理
✅ 雪碧图生成成功!尺寸与顺序与JSON position完全一致!
雪碧图预览(40x1000px,头像完整竖排保序):