【文件属性】：
文件名称：resize-img:图片放大移动
文件大小：2.31MB
文件格式：ZIP
更新时间：2021-05-02 10:37:59
JavaScript
预览
这是一个图片拖动和缩放demo
需求：
图片支持在指定范围内拖动（在一个容器中拖动）
图片可以适当的放大缩小（最宽=容器宽度，最高=容器高度）
实现思路：
页面布局：容器：container，拖动的对象：box，缩放的触发点：coor
拖动：在box上按下鼠标被拖动对象随着鼠标移动而移动，鼠标放开则停止移动
缩放：在coor上按下鼠标，box高宽随着鼠标位置变化，鼠标放开则停止变化
技术构思：
container或者document上增加mousemove事件，记录鼠标位置
box和coor上增加mousedown事件，用于鼠标按下触发对应事件
document增加鼠标up事件，如果鼠标放开，则box和coor上的事件恢复初始状态，不再执行
一个参数（比如：move），用于控制状态
细节：
准备工作：获取对应元素,阻止img拖动
document.getElementsByTagNa
【文件预览】：
resize-img-master
----1.jpg(2.42MB)
----drag.js(3KB)
----index.html(1KB)
----README.md(3KB)
----.gitattributes(66B)