GoPng——HTML5的css sprite合成工具，可以支持工作状态的导出，方便持续构建

2012-05-24 18:02:47 +08:00
 readordie
html5实现的一个合成css sprite的工具，起名为GoPng。

在线使用地址：
http://alloyteam.github.com/gopng
github地址：
https://github.com/AlloyTeam/gopng

目前实现的功能如下：
支持图片文件拖拽
支持生成png图片与css文件
支持两种自动排列的模式
放大镜功能
磁力吸附对齐功能
工作状态导出功能，可以方便导出文件，在下一次操作通过拖放该文件来恢复工作状态（包括图片数据跟参数设置）
支持Mac（因为是web app嘛） ：）

欢迎使用与提意见。
5528 次点击
所在节点    分享创造
12 条回复
lwjefSub
2012-05-24 18:05:39 +08:00
先来个阿里巴巴的 又来个腾讯的 =。=
文档没人家写的好哟
readordie
2012-05-24 18:09:15 +08:00
@lwjefSub 汗，立刻就遭吐槽了，不过小工具嘛，本身不带什么公司色彩的＝ ＝
allenm
2012-05-24 18:23:36 +08:00
试用了下，不错，用了这个才发现我好土，原来 IE6 用 filter 也能使用 css spirit 啊。
话说 1L 是在说我吗？
readordie
2012-05-24 18:26:56 +08:00
@allenm 对的 里面的css模版是我比较常用的一个css sprite的hack 用两层嵌套＋滤镜来解决ie6的问题。
hzlzh
2012-05-24 18:49:07 +08:00
我偶尔用 SpriteRight.app 你可以参考下功能需求。web版的还是没客户端的用着及时顺手。
不过加勒个油，很好的东西。
BTW：既然用了bootstrap，何不在页脚注明下？
favicon 和 footer的企鹅到成了亮点。呵呵
readordie
2012-05-24 19:00:28 +08:00
@hzlzh 多谢支持，客户端可以实现的东西确实比web要有想象力地多。
favicon是因为Organizations设置的缘故，github自动加上的。
而并没有听说使用bootstrap是需要在页脚标明，包括bootstrap首页的几个Built with Bootstrap的站点也没有吧。：）
GoPng项目本身也是开源的，在这里使用bootstrap我觉得也是比较自然的事情。
Footer上的东西只是一个统计服务 ：）
hzlzh
2012-05-24 19:01:33 +08:00
忘了说，可以加个功能选项：去掉hack，原因嘛，有些地方不用 fuck ie6
readordie
2012-05-24 19:04:09 +08:00
@hzlzh 是的，不过css template是支持自定义的，可以自定义不带hack的css template参数并导出文件并保存下来，下次直接把这个文件拖拽到画布区域就可以恢复上一次的参数设置。
readordie
2012-05-24 19:06:57 +08:00
@hzlzh 如果确实不喜欢某些界面，欢迎直接在github上面fork，创建属于自己的app页面。：）
hzlzh
2012-05-24 19:09:00 +08:00
@readordie 嗯，也对，满足每个人习惯和定制的解决方案就是那个css template，[without hack]这个按钮可以方便一部分人。
关于bootstrap，我比较喜欢推广，所以爱加。
hzlzh
2012-05-24 19:13:03 +08:00
整体做的蛮有诚意，很赞，再提一个明显的吧，[Apply changes] 按钮太多，有空弄成实时的吧。
readordie
2012-05-24 19:17:27 +08:00
@hzlzh 感谢支持，后续会继续完善。

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://tanronggui.xyz/t/37212

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX