GoPngHTML5的css sprite合成工具,可以支持工作状态的导出,方便持续构建 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
readordie
V2EX    分享创造

GoPngHTML5的css sprite合成工具,可以支持工作状态的导出,方便持续构建

  •  
  •   readordie 2012-05-24 18:02:47 +08:00 5798 次点击
    这是一个创建于 4892 天前的主题,其中的信息可能已经有所发展或是发生改变。
    html5实现的一个合成css sprite的工具,起名为GoPng。

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

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

    欢迎使用与提意见。
    12 条回复    1970-01-01 08:00:00 +08:00
    lwjefSub
        1
    lwjefSub  
       2012-05-24 18:05:39 +08:00   1
    先来个阿里巴巴的 又来个腾讯的 =。=
    文档没人家写的好哟
    readordie
        2
    readordie  
    OP
       2012-05-24 18:09:15 +08:00
    @lwjefSub 汗,立刻就遭吐槽了,不过小工具嘛,本身不带什么公司色彩的= =
    allenm
        3
    allenm  
       2012-05-24 18:23:36 +08:00
    试用了下,不错,用了这个才发现我好土,原来 IE6 用 filter 也能使用 css spirit 啊。
    话说 1L 是在说我吗?
    readordie
        4
    readordie  
    OP
       2012-05-24 18:26:56 +08:00
    @allenm 对的 里面的css模版是我比较常用的一个css sprite的hack 用两层嵌套+滤镜来解决ie6的问题。
    hzlzh
        5
    hzlzh  
    PRO
       2012-05-24 18:49:07 +08:00
    我偶尔用 SpriteRight.app 你可以参考下功能需求。web版的还是没客户端的用着及时顺手。
    不过加勒个油,很好的东西。
    BTW:既然用了bootstrap,何不在页脚注明下?
    favicon 和 footer的企鹅到成了亮点。呵呵
    readordie
        6
    readordie  
    OP
       2012-05-24 19:00:28 +08:00
    @hzlzh 多谢支持,客户端可以实现的东西确实比web要有想象力地多。
    favicon是因为Organizations设置的缘故,github自动加上的。
    而并没有听说使用bootstrap是需要在页脚标明,包括bootstrap首页的几个Built with Bootstrap的站点也没有吧。:)
    GoPng项目本身也是开源,在这里使用bootstrap我觉得也是比较自然的事情。
    Footer上的东西只是一个统计服务 :)
    hzlzh
        7
    hzlzh  
    PRO
       2012-05-24 19:01:33 +08:00
    忘了说,可以加个功能选项:去掉hack,原因嘛,有些地方不用 fuck ie6
    readordie
        8
    readordie  
    OP
       2012-05-24 19:04:09 +08:00
    @hzlzh 是的,不过css template是支持自定义的,可以自定义不带hack的css template参数并导出文件并保存下来,下次直接把这个文件拖拽到画布区域就可以恢复上一次的参数设置。
    readordie
        9
    readordie  
    OP
       2012-05-24 19:06:57 +08:00
    @hzlzh 如果确实不喜欢某些界面,欢迎直接在github上面fork,创建属于自己的app页面。:)
    hzlzh
        10
    hzlzh  
    PRO
       2012-05-24 19:09:00 +08:00
    @readordie 嗯,也对,满足每个人习惯和定制的解决方案就是那个css template,[without hack]这个按钮可以方便一部分人。
    关于bootstrap,我比较喜欢推广,所以爱加。
    hzlzh
        11
    hzlzh  
    PRO
       2012-05-24 19:13:03 +08:00
    整体做的蛮有诚意,很赞,再提一个明显的吧,[Apply changes] 按钮太多,有空弄成实时的吧。
    readordie
        12
    readordie  
    OP
       2012-05-24 19:17:27 +08:00
    @hzlzh 感谢支持,后续会继续完善。
    关于     帮助文档     自助推广系统     博客   API     FAQ     Solana     5830 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 25ms UTC 02:41 PVG 10:41 LAX 19:41 JFK 22:41
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86