npmpackage.info

Gathering detailed insights and metrics for css-sprites

Other packages similar to css-sprites

sprite-magic-importer

1.6.2

Custom node-sass importer for create CSS Sprites like Magic Imports of the Compass.

sprite-smith-loader

1.0.5

css sprites loader for webpack

svg-sprite

2.0.4

SVG sprites & stacks galore — A low-level Node.js module that takes a bunch of SVG files, optimizes them and bakes them into SVG sprites of several types along with suitable stylesheet resources (e.g. CSS, Sass, LESS, Stylus, etc.)

panto-transformer-css-sprites

0.0.4

CSS Sprites transformer for panto

Gathering detailed insights and metrics for css-sprites

css-sprites

基于spritesmith开发的 css sprite工具

0.0.4

JavaScript

5,789 2.6

Installations

npm install css-sprites

Pull Requests

Open

0

Total

0

Closed

0

Issues

Open

1

Total

1

Closed

0

Releases

Unable to fetch releases

Developer

Johnqing

Developer Guide

BETA

Module System

CommonJS

Min. Node Version

Typescript Support

No

Node Version

NPM Version

1.3.21 Statistics

2 Stars

3 Commits

1 Forks

2 Watching

1 Branches

1 Contributors

Updated on 15 Jul 2015

Languages

JavaScript (74.4%)

CSS (25.6%)

Total Downloads

Cumulative downloads

Total Downloads

5,789

Last day

Compared to previous day

Last week

Compared to previous week

Last month

100%

Compared to previous month

Last year

-37.8%

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

cssom iconv-lite spritesmith

Versions

css sprite

将css代码中的切片合并成雪碧图的工具

功能

对css文件进行处理，收集切片序列，生成雪碧图
在原css代码中为切片添加background-position属性
在引用雪碧图的位置打上当然雪碧图md5后的版本号

使用

npm install css-sprites

调用

var cssSprites = require('css-sprites');

cssSprites({
	src: 'test/css/icon.css',
	dest: 'test/publish/css/',
	ext: '.x.css'
},{
	// sprite背景图源文件夹，只有匹配此路径才会处理，默认 images/slice/
	imagepath: 'test/slice/',
	// 雪碧图输出目录，注意，会覆盖之前文件！默认 images/
	spritedest: 'test/publish/images/',
	// 替换后的背景路径，默认 ../images/
	spritepath: '../images/',
	// 各图片间间距，如果设置为奇数，会强制+1以保证生成的2x图片为偶数宽高，默认 0
	padding: 2,
	// 是否以时间戳为文件名生成新的雪碧图文件，如果启用请注意清理之前生成的文件，默认不生成新文件
	newsprite: false,
	// 给雪碧图追加md5后的版本号，默认不追加
	spritestamp: true,
	// 默认使用二叉树最优排列算法
	algorithm: 'binary-tree',
	// 默认使用`pngsmith`图像处理引擎
	engine: 'pngsmith'
});

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

0

Maintained

Determines if the project is "actively maintained".

0

SAST

Determines if the project uses static code analysis.

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

License

Determines if the project has defined a license.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

Score

2.6

/10

Last Scanned on 2024-11-25

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More