@jameszuo 2016-01-22T09:16:36.000000Z 字数 304 阅读 801

AMS小图片合并雪碧图方案

技术需求

在 AMS 静态配置中上传多个图片后自动进行合并，并输出包含坐标信息的 URL，业务方解析 URL 中的坐标信息，生成雪碧图定位代码

Step 1 上传若干图片

a.png b.png c.png

Step 2 生成雪碧图

Step 3 业务侧解析文件名，读取图片的方式需要稍微调整下，由原来的

<img src="xx.png" alt="xx"/>
改为
<div style="
    width:46px;
    height:46px;
    background:url(http://i.gtimg.cn/x0y0w46h46;x0y56w54h49;x0y119w13h23.png) 0 0 no-repeat;
"></div>

结果

此处输入图片的描述

内容目录

添加新批注

在作者公开此批注前，只有你和作者可见。

私有
公开
删除

回复批注