GoPng

Sprite 图片合并工具
授权协议 BSD
开发语言 JavaScript HTML/CSS
所属分类 Web应用开发、 HTML5开发相关
软件类型 开源软件
地区 国产
投 递 者 嵇丰
操作系统 跨平台
开源组织 腾讯
适用人群 未知
 软件概览

Css Sprite,有时也称为雪碧图、精灵图,是每一个前端开都会遇到的问题,也是常见的小图片加载优化手段。相信各位同学都清楚其原理,具体就不赘述了。

之前一直有动机利用html5实现一个合成雪碧图的工具,方便小项目的快速开发,减少一些诸如开photoshop、fireworks等工具来合图的机械劳动,最近终于抽出时间将构思实现。

Go!Png介绍:

目前实现的功能如下:

  1. 支持图片文件拖拽

  2. 支持生成png图片与css文件

  3. 支持两种自动排列的模式

  4. 放大镜功能

  5. 磁力吸附对齐功能

  6. 工作状态导出功能,可以方便导出文件,在下一次操作通过拖放改文件来恢复工作状态(包括图片数据跟参数设置)

  7. 支持Mac(Chrome) :)

 相关资料
  • 图片优化与合并 在 HTML 中使用背景图片的方法如下: <button type="button" class="btn-default">Click Me</button> <style type="text/css" media="screen"> .btn-default { background: url(image/btn.png) no-repeat 0 0; } .btn

  • 问题内容: 我想使用node.js合并2张图片。或者更确切地说,我想将一个较小的图像放置在较大图像上的坐标x,y上。甚至更精确:我有一个眼镜的图像和一张脸的图像,并且我想将眼镜放在脸上。我做了一些谷歌搜索,发现了一些图像处理库,但似乎没有一个能够合并图像。 问题答案: 我用过: https://github.com/learnboost/node- canvas 做类似的事情(动态地从组件构建合成

  • 本文向大家介绍Python多图片合并PDF的方法,包括了Python多图片合并PDF的方法的使用技巧和注意事项,需要的朋友参考一下 python多图片合并pdf 起因 一个做美工的朋友需要将多个图片jpg 、png 合并起来,PS操作太慢了所以用了python进行完成这个任务 代码 合成后 总结 以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对呐喊

  • 介绍 针对awt中图片处理进行封装,这些封装包括:缩放、裁剪、转为黑白、加水印等操作。 方法介绍 scale 缩放图片 提供两种重载方法:其中一个是按照长宽缩放,另一种是按照比例缩放。 ImgUtil.scale( FileUtil.file("d:/face.jpg"), FileUtil.file("d:/face_result.jpg"), 0.5f//缩放比例

  •        分别单击所需合并的两个线/面要素即可进行合并,将其合并为一整个线/面要素。(只支持线线合并或者面面合并,不支持线面合并)

  • 本文向大家介绍PHP结合Ueditor并修改图片上传路径,包括了PHP结合Ueditor并修改图片上传路径的使用技巧和注意事项,需要的朋友参考一下 前言 在使用UEditor编辑器时,一般我们都是需要修改默认的图片上传路径的,下面是我整理好的修改位置和方法供大家参考。 操作 Ueditor PHP版本本身自带了一套上传程序,我们可以在此基础中,找到配置文件修改它。配置文件位置: ueditor/p

  • 本文向大家介绍Android实现合并生成分享图片功能,包括了Android实现合并生成分享图片功能的使用技巧和注意事项,需要的朋友参考一下 有时候分享功能都是很需要分享一个当前屏幕的界面的截图因,以前做校内APP的时候用到过,拿出来分享分享, 用以前写过的自定义课表软件。 Android 自定义View课程表表格 看到的是图片只显示到11节处,下面的没有显示到 所以用到的 ScrollView 因

  • 本文向大家介绍python使用PIL实现多张图片垂直合并,包括了python使用PIL实现多张图片垂直合并的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了python实现多张图片垂直合并的具体代码,供大家参考,具体内容如下 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。