DIV+CSS布局-PxCook工具的简单使用

PxCook主要适用与个人开发者,手中没有设计稿。就需要自己找图片,自己标注,然后照样开发啦。
PxCook使用:

1.安装

找到PxCook官网下载软件即可
在这里插入图片描述

直接安装,记住安装目录别放c盘就行

2.辅助工具:qq浏览器

主要时用来下载网页图片的,我常用qq浏览器。看个人喜好:
在这里插入图片描述

这样截图有点地方截不全面,比如说需要鼠标悬停才有特效的地方:
在这里插入图片描述

这个东西用快捷截图就行:
在这里插入图片描述

3.打开PxCook准备标注:

在这里插入图片描述
在这里插入图片描述

创建完成后直接拖入图片即可:
在这里插入图片描述

双击图片即完成了准备工作:
在这里插入图片描述

4.开始标注:常用图标

(1)放大缩小

点击手掌样式图标后,鼠标前后滚轮即可实现放大缩小。可以看见像素,便于精确标注
在这里插入图片描述

(2)颜色提取

想知道某一点时什么颜色点一下就可以了
在这里插入图片描述

(3)矩形尺寸标注

在这里插入图片描述

(4)尺寸标注

选中箭头图标后即可标注,点击标注线上方的方块后,可滚动鼠标轴来上下移动尺寸,也可使用键盘上的上下键来调整
在这里插入图片描述

Logo

这里是“一人公司”的成长家园。我们提供从产品曝光、技术变现到法律财税的全栈内容,并连接云服务、办公空间等稀缺资源,助你专注创造,无忧运营。

更多推荐