This tool helps you to create Sprite image while you browse

利用技術: HTML5, CSS3, ドラッグ&ドロップ, ファイル,

  • 閲覧数 115


iCreator is a simple tool that helps you to create Sprite image on the go. You can now simply drag and drop the icons into the canvas area to create Sprite.

Keep this html open in one tab and you can drag images from another tab simply while you browse.

The idea here is that you don't have to drag all the images and arrange them using Photoshop or some other image editor tool to create sprite image. Using this tool you can simply drag the image on the go. This tool also creates CSS for the sprite image.

Hope this tool would be useful. Do let me know your feedback or how to improve it.

1. Define Number of rows and cols
2. Enter the Width & Height of the Icon
3. Make sure all the icons are of same size

About this Demo

ソースをダウンロード 90.97 KB · ZIP ファイル

このデモは MPL/GPL/LGPL ライセンスの下で公開されています。

andreazees による他のデモ