HTML5開發的在線雪碧圖片合成工具：GoPng

jopen 10年前發布 | 61K 次閱讀 GoPng HTML5 前端技術

Css Sprite，有時也稱為雪碧圖、精靈圖，是每一個前端開都會遇到的問題，也是常見的小圖片加載優化手段。GoPng是一個利用html5實現一個合成雪碧圖的工具，方便小項目的快速開發，減少一些諸如開photoshop、fireworks等工具來合圖的機械勞動。

目前實現的功能如下：

  1. 支持圖片文件拖拽

  2. 支持生成png圖片與css文件

  3. 支持兩種自動排列的模式

  4. 放大鏡功能

  5. 磁力吸附對齊功能

  6. 工作狀態導出功能，可以方便導出文件，在下一次操作通過拖放改文件來恢復工作狀態（包括圖片數據跟參數設置）

  7. 支持Mac（Chrome） ：）
    8. </ol>

 本文由用戶 jopen 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！