quicksprite:在浏览器中创建 CSS Sprite 图像的工具

时间:2024-07-12 05:20:46
【文件属性】:

文件名称:quicksprite:在浏览器中创建 CSS Sprite 图像的工具

文件大小:1.02MB

文件格式:ZIP

更新时间:2024-07-12 05:20:46

JavaScript

快速精灵 我使用 HTML5 技术制作了自己的精灵生成器。 这个精灵生成器不依赖于服务器端图像处理,并且全部在前端工作。 它还可以生成开发人员可能需要的 CSS 代码。 计算所有背景位置属性,无需在 Photoshop 中观察像素即可找出图标的确切位置! 它为每个图像生成宽度和高度,甚至背景图像属性。 CSS 类是根据每个图像文件名猜测的。 用户可以在驼峰式大小写和破折号分隔的类名之间进行选择。 使用 Quick Sprite 非常简单,您只需在应用程序中拖动您的图像,它就会在一秒钟内生成 sprite 图像和 CSS 代码! 您可以使用提供的下载链接拖出我们下载的结果图像。 技术栈 我使用 Backbone.js 来组织我的视图和集合。 虽然没有必要使用 Backbone,但它帮助我快速开发了这个应用程序。 为了生成精灵图像,我使用了一个元素在其上绘制图像并从画布中取出结


网友评论