Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>meta-spritesNew to Visual Studio Code? Get it now.
meta-sprites

meta-sprites

meta-sprites

|
1 install
| (0) | Free
meta-sprites
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

meta-sprites精灵图工具

功能

  • 多张图片合成一张精灵图
  • 图片可进行旋转、缩放、平移
  • 可以批量处理图片

使用

  1. 安装好插件之后,找个文件右键,选择 打开meta-sprites
  2. 点击左上角的方框,选择文件夹,会导入该文件夹下的所有图片
  3. 图片导入成功之后,可以在画布区域进行操作图片
  4. 在左下方的图片列表中,可删除图片
  5. 清空按钮会删除所有图片
  6. 下载按钮会下载当前画布中的图片,并生成一个 meta-sprites 压缩包

注意

  • 导入文件夹下如有meta-sprites.json文件,会提示,是否按照meta-sprites.json文件中图片位置覆盖当前的信息,如是,则覆盖,否则不覆盖
  • 最好保证图片名称不重复,否则导入压缩包中会重新命名(原名字+副本+序列号)
  • 最好保持图片名称中不含有空格,不然导出的meta-sprites.scss样式报错
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft