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

像素级质量 快速切页面工具_第1张图片

背景

在刚开始切页面不久,感觉很难计算出每个元素的尺寸(特别是文字的行高和字高),于是想办法改进。想出用临摹的办法(就是将设计图作为背景图,然后调整页面达到完全一样)。

安装

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

使用方法

  • 打开插件页面
  • 将图片添加到插件中,方法有三种:
    • 用文件选框
    • 将截屏粘贴进来
    • 将图片文件拖拽进来
  • 调整图片位置
  • 为图片加锁(就可以右键查看元素了)

tips

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

你可能感兴趣的:(chrome,插件,像素,切图,切页面)