选择开发模式后，
直接点击想查看的东西尺寸
。若想查看两者之间的距离，只需要用鼠标移动即可，如图所示。
PxCook的基本使用1. 下载2. 创建项目3. 设计模式——png扩展名尺子吸管4. 开发模式——psd扩展名1. 下载点击官网链接，直接下载。下载好后直接安装即可2. 创建项目右上角点击创建项目->选择Web->填写项目名字->创建项目，即可得到一个项目。如图所示3. 设计模式——png扩展名如果图片是png的则使用设计，如图所示（把图片拖进来，然后双击打开）。常用的功能主要是下面两个尺子吸管4. 开发模式——psd扩展名选择开发模式后，直接点击想查
P
xCo
ok
（像素大厨）是一款切图设计工具软件。自2.0.0版本开始，支持PSD文件的文字，颜色，距离自动智能识别。
优点在于将标注、切图这两项设计完稿后集成在一个软件内完成，支持Windows和Mac双平台。
标注功能包括：支持长度，颜色，区域，文字注释。
最重要的是不仅功能强大，而且完全免费
1. 智能标注，真正解放双手
基于PSD文件和与Sketch文件的智能标注，自动识别距离，颜色，区域，...
DIV+
CSS
布局-P
xCo
ok
工具的简单
使用
P
xCo
ok
主要适用与个人开发者，手中没有设计稿。就需要自己找图片，自己标注，然后照样开发啦。
P
xCo
ok
使用
：
找到P
xCo
ok
官网下载软件即可
直接安装，记住安装目录别放c盘就行
2.辅助工具：qq浏览器
主要时用来下载网页图片的，我常用qq浏览器。看个人喜好：
这样截图有点地方截不全面，比如说需要鼠标悬停才有特效的地方：
这个东西用快捷截图就行：
3.打开P
xCo
ok
准备标注：
创建完成后直接拖入图片即可：
双击图片即完成了准备
是一款切图设计工具软件。自2.0.0版本开始，支持PSD文件的文字，颜色，距离自动智能识别。标注功能包括：支持长度，颜色，区域，文字注释。
其中比较有特色的是：
1.长度标注针对移动端设计，支持px与dp直接的单位转换
2.注释的文字字体样式可以自定义
3.自带实时放大镜，省却了反复放大的操作。
4.长度标注的数字可以自己手动改，设计时可以小小的偷个懒~
5.标注的各种颜色可以自定义，灵活性不错。
