养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

即时设计切片功能介绍

时间:2024-10-06 14:27:44

切片的使用方式简单快捷,开发可以通过切片功能快速得到前端需要的切图。

工具/原料

笔记本华硕

系统Windows10

即时设计1.0.3

方法/步骤

1、在左侧组件栏点击「切片」,或使用快捷键S,可开启切片模式。开启后,可在画布中创建任意切片。

即时设计切片功能介绍

2、创建切片内容与画矩形的操作相同,可以通过画框来控制切片需要切取的范围大小。画框可以随时修改宽高及层级位置。

即时设计切片功能介绍

3、导出切片时,可以选择是否使用切片的实际大小导出该切片包含的粝简肯惧内容;如果勾选「裁剪透明像素边缘」,可以选择只导出该切片下的有效内容,去除周围的透明像素。当直接在画板中创建切片骀旬沃啭时,右侧画板将显示导出画板背景色的选项。如果需要应用或取消导出画板背景色,点击「修改按钮」可以跳转到画板设置,勾选或取消勾选「导出时包含背景色」。

即时设计切片功能介绍

4、在文件名下拉菜单中点击「导出」打开导出面板,也可以使用快捷键⌘+E或打开左上角菜单喘揲塾疖点击「文件->导出」,查芬简砝鬃看需要导出的所有内容。在导出面板中可以选择导出文件中的所有或部分切片、画板及当前页面缩略图。

即时设计切片功能介绍

© 一点知识