像素级质量 快速切页面工具

背景

在刚开始切页面不久，感受很难计算出每一个元素的尺寸（特别是文字的行高和字高），因而想办法改进。想出用临摹的办法(就是将设计图做为背景图，而后调整页面达到彻底同样)。

安装

• 下载 crx 文件
• 打开：chrome://extensions/页面
• 将crx文件拖动到 刚打开的页面 安装
• 勾上容许访问文件网址

使用方法

• 打开插件页面
• 将图片添加到插件中，方法有三种：
  • 用文件选框
  • 将截屏粘贴进来
  • 将图片文件拖拽进来
• 调整图片位置
• 为图片加锁（就能够右键查看元素了）

tips

• 在移动图片时，按上下左右光标键移动，每次1像素，按住shift每次10像素