图片的正确移动方法和原理

开发工具与关键技术：DW , html
作者：吴维杰
撰写时间：2019年1月18日
下面为大家讲解一下图片的正确移动方法和原理，需然是个简单的东西，却有时候会把人搞懵。

---

原理：刚开始放进去的图片为图1，而我们要实现的效果为图二，
从图一到图二就像是把图片往右上角方向移动，从而使图形贴到中心轴。
我们需要测量的是图形左边到图片的左边框和图形的上边到图片的上边框的距离。

---

 
如图三，x轴为-1，y轴为-2.（左移为-，上移为-。因为图片是往右上角方向移动，所以x轴和y轴的数值都为负数。）
从图一移动到图二的代码为：background：url（图片路径） -1px（x轴）-2px（y轴）；

---

 
图四：{一开始我们拿到的图片都是如图四一样，我们只需要拿到相应的测量数据，然后然它们的数值都为负数，从而把数据代进相应的代码中就可以快速的完成效果}。