jquery仿ps图像标尺寸表参考线测量图片位置尺寸大小 jquery仿ps图像标尺寸表参考线测量图片位置尺寸大小

jquery图片测量标尺是一款仿photoshop新建图像标尺寸表，设置多个快捷键来显示或隐藏标尺和参考线。通过参考线测量图片页面位置及图片尺寸大小。 jquery图片测量标尺

本教程分为以下三步： Step1 – Photoshop Step2 – HTML/CSS Step3 – Javascr ipt(jQuery) Step4 – CSS修改   　　最终结果如下： Step1 – Photoshop 1. 新建文件 　　按钮的尺寸是100px X 80px，但由于我们需要创建一个有两种状态的CSS sprite背景图，所以我们在Photoshop中创建（Ctrl+N）一个长宽为200px X 160px的图片文件，如下图： 2. 创建参考线 　　为了使绘制

jquery图片测量标尺是一款仿photoshop新建图像标尺寸表，设置多个快捷键来显示或隐藏标尺和参考线。通过参考线测量图片页面位置及图片尺寸大