CutterPSD：Ps辅助切图脚本

一个简单的 Photshop 切图脚本。主要用于将 PSD 设计稿输出为 PNG 格式的图片，并生成相应的配置文件。

使用时注意事项

本脚本相对简单，为了确保输出内容正确，所以在使用前需要简单检查设计稿内容，以保证输出正确：

1. 默认的设计稿图层/组内容都位于可视区域(画布)内；
2. 默认按照图层单独切出图片，如果有想切到一张图里的可以放到同一分组里，最终输出的图片将会按照“item_+三位数字序号”的规则去命名，如：item_001、item_002 等（文件会放在以 psd 文件名命名的文件夹中）；
3. 勾选菜单栏的“视图”>“显示”>“图层边缘”，并逐个检查需要切图操作的组件边缘，是否正好包围住要切的部分。如果有个别边框过大的，可能会造成图片尺寸的浪费，这时可以右键点击图层并将其转换为智能对象(转为智能对象会收缩一部分无关区域，但无法处理嵌入内容的空白部分)；
4. 本脚本只对最上层的图层/组进行处理，如果有互相嵌套的组件将被切到图一幅图里；
5. 本脚本只处理可视图层，所以有不想处理的层可以设置为隐藏。有位置相近互相重叠的组件没有关系，只要不在同一个组里就是分开切的；
6. 注意不要有全透明的图层或组，否则脚本可能会报错。

使用方法

1. 点击 Photoshop 菜单栏中的“文件”>“脚本”>“浏览...”，然后找到该脚本，点击运行；
2. 运行后会出现提示选择输出文件夹的对话框，选择输出的文件夹，之后脚本会开始运行。

关于脚本功能的简单介绍

本项目中主要是各种cutter2xxx脚本，其中：

• cutter2js.jsx 用于生成适合 Phaser3 引擎使用的 Scene 的 js 文件
• cutter2html.jsx 用于生成适合 Swiper5 使用的 HTML 模板
• cutter2htmlNew.jsx 新增的用于生成适合 Swiper 使用的 HTML 模板
• cutter2svg.jsx 用于生成多个 image 组合式的 SVG 图片 (不导出图片，导出图片建议直接使用 Photoshop 的“导出为...”功能)

还附带有一个 exportText.jsx 文件，用于将当前选中的文本图层中的文字内容导出到 TXT 文件。

关于 exportText.jsx 脚本的简单介绍

增加了一个 exportText.jsx 脚本，用于将当前文字图层中的文字导出到文本文件中。因为 Photoshop 脚本不支持将文本内容直接复制到系统剪贴板，所以只能使用导出文件的方式。