css-sprite 0.2.0

安装

pip install css-sprite

您还可以使用以下命令安装开发版本

pip install https://github.com/ionelmc/python-css-sprite/archive/main.zip

用法

从图像生成css精灵

css-sprite [-h] [--grid GRID] --output OUTPUT
    [--mode MODE] [--vertical] [--background BACKGROUND]
    [--template TEMPLATE | --template-path TEMPLATE_PATH]
    [--verbose] [--version] image [image ...]

输出主要是新图像，但您也可以生成相应的css。

位置参数

image 包含在精灵中的图像的路径。

选项

-h, --help

显示此帮助信息并退出

--grid GRID, -g GRID

要使用的网格单元格大小。以下之一：auto, X:Y。

--output OUTPUT, -o OUTPUT

输出文件。

--mode MODE, -m MODE

强制在输出中使用特定图像模式，请参阅：https://pillow.pythonlang.cn/en/latest/handbook/concepts.html#modes。

--vertical, -v

垂直堆叠图像（默认情况下是水平堆叠）。

--background 背景色，-b 背景色

背景颜色。

--template 模板，-t 模板

在标准输出上输出CSS的Jinja模板。

--template-path 模板路径，-p 模板路径

在标准输出上输出CSS的Jinja模板路径。

--verbose

使输出详细。

--version

显示程序版本号并退出。

模板变量

• images - 字段列表的字典

  • index - 从1开始的计数器

  • index0 - 从0开始的计数器

  • filename - 源图像的路径

  • offset - 包含字段和的字典（整数）

  • position - 包含字段和的字典（整数）

  • width - 整数（目前与cell.width相同）

  • height - 整数（目前与cell.height相同）

• grid - 包含字段的字典

  • width - 整数

  • height - 整数

  • vertical - 布尔值（如果你使用了--vertical，则为True）

• cell - 包含字段的字典

  • count - 输入图像的数量

  • width - 整数

  • height - 整数

• output - 输出文件的pathlib.Path

文档

https://python-css-sprite.readthedocs.io/

开发

要运行所有测试，请运行

tox

注意，要合并所有tox环境中的覆盖率数据，请运行

set PYTEST_ADDOPTS=--cov-append
tox

PYTEST_ADDOPTS=--cov-append tox

变更日志