Skip to content
This repository was archived by the owner on May 17, 2024. It is now read-only.

bg2css help

GhostZhang edited this page Dec 22, 2020 · 4 revisions

CSS Sprites 样式生成工具帮助

简介

程序名称:CSS Sprites 样式生成工具(bg2css)

主要功能:方便使用CSS Sprites时对图片生成样式

作者:GhostZhang

官方网址:https://www.cssforest.org/2019/02/17/CSS-Sprites-样式生成工具.html

界面

主界面

功能介绍

读取设置

读取设置

功能说明:读取已保存的设置文件(xml)

加载图片及基础操作

选择图片

功能说明:选择要进行操作的图片,也可直接把图片拖入窗口。

图片缩放

功能说明:选择图片后可用,可将图片进行2倍、4倍、6倍的放大。 1X1倍 2X2倍 4X4倍 6X6倍

更换背景色

功能说明:选择图片后可用,可更改图片底色。默认为“黑”。 白 黑 蓝

边界留白

功能说明:修改图片可使用的负边界大小。默认为“0”。 5px5px 10px10px

层操作

在打开的图片上双击即可在当前位置建立一个层。

层操作

改变位置:有三种方式可以改变层的位置,分别是鼠标拖动;使用 shift+(W|S|A|D) 快捷键;在当前层信息的“左”、“右”输入框中输入需要的位置。 改变大小:有三种方式可以改变层的大小,分别是鼠标拖动层右下方的白点;使用 ctrl+shift+(W|S|A|D) 快捷键;在当前层信息的“宽”、“高”输入框中输入需要的位置。

所有层信息

所有层信息 功能说明:列出所有层的信息。

层信息窗口 选择选择层,选中的层在主窗口预览区中会选中。

删除删除层,删除对应的层。 重置重置所有层到默认位置。 清空删除所有层。

当前层信息

当前层信息 功能说明:选中层后可用。显示选中层的信息及相关的操作。 修改当前层信息: 修改前=>修改后 保存当前所做的修改。

相关操作

层相关操作区 删除删除当前层。也可使用“Delete”键。 复制当前层样式复制当前层的样式,可选择是否输出宽高。 复制当前层 上以当前层为参照,在当前层上方距偏移量值的位置新建一个层。 右以当前层为参照,在当前层右边距偏移量值的位置新建一个层。 下以当前层为参照,在当前层下方距偏移量值的位置新建一个层。 左以当前层为参照,在当前层左边距偏移量值的位置新建一个层。

保存样式

保存样式区 生成样式生成当前操作结果的样式。可选择是否输出宽高。 复制样式生成样式后可用。复制已经生成的样式内容。

保存设置

保存设置区 功能说明:保存本次操作到桌面。文件名称可定义。

其它

检查更新检查是否有更新。默认自动更新天数为7天。 关于版本说明。