GoPng——HTML5的css sprite合成工具，可以支持工作状态的导出，方便持续构建
readordie · 2012-05-24 18:02:47 +08:00 · 5434 次点击这是一个创建于 4567 天前的主题，其中的信息可能已经有所发展或是发生改变。
html5实现的一个合成css sprite的工具，起名为GoPng。
在线使用地址：
http://alloyteam.github.com/gopng
github地址：
https://github.com/AlloyTeam/gopng
目前实现的功能如下：
支持图片文件拖拽
支持生成png图片与css文件
支持两种自动排列的模式
放大镜功能
磁力吸附对齐功能
工作状态导出功能，可以方便导出文件，在下一次操作通过拖放该文件来恢复工作状态（包括图片数据跟参数设置）
支持Mac（因为是web app嘛） ：）
欢迎使用与提意见。
在线使用地址：
http://alloyteam.github.com/gopng
github地址：
https://github.com/AlloyTeam/gopng
目前实现的功能如下：
支持图片文件拖拽
支持生成png图片与css文件
支持两种自动排列的模式
放大镜功能
磁力吸附对齐功能
工作状态导出功能，可以方便导出文件，在下一次操作通过拖放该文件来恢复工作状态（包括图片数据跟参数设置）
支持Mac（因为是web app嘛） ：）
欢迎使用与提意见。
 |
1
lwjefSub 2012-05-24 18:05:39 +08:00  1
先来个阿里巴巴的 又来个腾讯的 =。=
文档没人家写的好哟 |
 |
3
allenm 2012-05-24 18:23:36 +08:00
试用了下，不错，用了这个才发现我好土，原来 IE6 用 filter 也能使用 css spirit 啊。
话说 1L 是在说我吗？ |
 |
4
readordie OP @allenm 对的 里面的css模版是我比较常用的一个css sprite的hack 用两层嵌套＋滤镜来解决ie6的问题。
|
 |
5
hzlzh 2012-05-24 18:49:07 +08:00
我偶尔用 SpriteRight.app 你可以参考下功能需求。web版的还是没客户端的用着及时顺手。
不过加勒个油，很好的东西。 BTW：既然用了bootstrap，何不在页脚注明下？ favicon 和 footer的企鹅到成了亮点。呵呵 |
|
6
readordie OP @hzlzh 多谢支持，客户端可以实现的东西确实比web要有想象力地多。
favicon是因为Organizations设置的缘故，github自动加上的。 而并没有听说使用bootstrap是需要在页脚标明，包括bootstrap首页的几个Built with Bootstrap的站点也没有吧。：） GoPng项目本身也是开源的，在这里使用bootstrap我觉得也是比较自然的事情。 Footer上的东西只是一个统计服务 ：） |
|
7
hzlzh 2012-05-24 19:01:33 +08:00
忘了说，可以加个功能选项：去掉hack，原因嘛，有些地方不用 fuck ie6
|
|
8
readordie OP @hzlzh 是的，不过css template是支持自定义的，可以自定义不带hack的css template参数并导出文件并保存下来，下次直接把这个文件拖拽到画布区域就可以恢复上一次的参数设置。
|
|
10
hzlzh 2012-05-24 19:09:00 +08:00
@readordie 嗯，也对，满足每个人习惯和定制的解决方案就是那个css template，[without hack]这个按钮可以方便一部分人。
关于bootstrap，我比较喜欢推广，所以爱加。 |
|
11
hzlzh 2012-05-24 19:13:03 +08:00
整体做的蛮有诚意，很赞，再提一个明显的吧，[Apply changes] 按钮太多，有空弄成实时的吧。
|
Select Language