前端之切图
时间:2019-06-13
本文章向大家介绍前端之切图,主要包括前端之切图使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
前端切图 第一步,确定设计给的是什么,我接触过得设计稿
1.PS, PSD格式的
用PS打开
1.切小图标,在设计稿给的尺寸下,进行切图,一般设计稿的尺寸都是给的1920 PC,750 移动 比较大的,这样缩小以后,图片也会比较清晰
(1)ps中 切图 直接找到图层,然后单击右键 快速导出png 即可
(2)利用其他软件,个人认为 并不是非常方便,但是 对于app开发 比较方便,可以快速导出 1,2,3倍图
使用慕客Idoc 地址 https://idoc.mockplus.cn/team/lccanywgio 里面有详细 使用步骤,这里就不介绍了,安装好以后呢,在ps中 进行打开
切图的时候 需要按照 要求 将图层名 前 添加 -e-,凡是 标记了 的 图层,组,或者 组下的图层 都会被切图,然后可以导出 1,2,3倍图
然后 在网页上 打开 你上传的项目,可以很轻松的展示 宽高,距离 ,都有对照表 ,切图 一键导出 1,2,3倍图 app开发神器
2.sketch
3.蓝湖
今天来活了,下次有空接着写
原文地址:https://www.cnblogs.com/GoTing/p/11015080.html
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法