文件名称：resize-img:图片放大移动
文件大小：2.31MB
文件格式：ZIP
更新时间：2024-05-22 04:24:39
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)