js实现图片拖拽放大缩小，js实现图片拖拽放大缩小功能

jS控制图片的放大和缩小?

canvas中图片缩放禁用是因为设置了禁用插值，重新设置即可。canvas能够无缝集成用于绘画、图像编辑和Web设计的等工具，软件能够以多种的格式导出绘画作品。

从中间放大要设置为absolute定位才行，要不static只能是左上角 或者可以使用css3的transform：scale(2)；transform-origin：center 获取当前所在图片坐标，然后等比例放大图片，等比例获取坐标值，将图片定位在显示窗口位置，可以了。

{//第一次点击，放大图片 flag=ture； //放大图片 }else{//第二次点击，缩小图片 flag=false； }}最后再把check()方法绑定在图片标签上。

相关问答

Q1: 求一个简单的点击图片放大缩小的JS代码

1、可以用js事件“onmouseover”和“onmouseout”来实现。

2、分别写一个onmouseover和onmouseout事件。然后在事件里面加一个function，分别写想要放大的尺寸和缩小或复原的尺寸。

3、通过JS代码 document.getElementById(divID).style.etElementById(divID).style.display = none。函数可以实现。遮罩层： ，即作为背景层，覆盖整个页面。

4、代码如下： 单击图片即可放大图片 点击图片预览效果。

5、这个是随鼠标移动查看放大图片响应的是onmousemove事件 你可以改下 第二种方法：可自定义CSS样式，控制jQuery插件jQuery Image Flyout提示小图片显示效果。

6、用JavaScript实现图片点击放大再次点击恢复代码如下：JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。

Q2: extjs框架下如何实现利用鼠标滚轮放大、缩小、拖动图片?

extjs 3 放大缩小实现方法：继承ext.panel实现自己的图片预览类imagePreview即可。

鼠标滚轮变成放大缩小更改方式有：更改鼠标设置、更改系统设置、重新安装鼠标驱动程序等。更改鼠标设置，以将鼠标滚轮的功能更改回正常状态。打开“设置”应用程序。进入“设备”选项卡，找到“鼠标”选项。

你用JS设计一下鼠标的点击事件，然后实现滑轮的缩放。

按所给的大小来设置图片，不管图片有多大，总是全图显示，可能导致失真！你可以加一个大小限制，超过图片大小了则不再放大。

首先，这个问题涉及到的是计算机操作中的鼠标滚轮功能。在大多数情况下，鼠标滚轮的主要功能是用于在屏幕上垂直滚动页面。

打开Potoshop软件。打开要编辑的素材。图片需要放大缩小时，左手按住ALT键，右手握住鼠标食指向上下滑动滚轮。可以快速实现图片放大缩小。快捷键：ALT+鼠标滚轮向上向下滑动。

Q3: 在html中怎么用js实现鼠标指向图片时图片放大的效果?(具体实现)

1、分别写一个onmouseover和onmouseout事件。然后在事件里面加一个function，分别写想要放大的尺寸和缩小或复原的尺寸。

2、主要是onmouseover事件，鼠标移到图片上，和onmouseout事件，鼠标离开图片时触发。

3、用JavaScript实现图片点击放大再次点击恢复代码如下：知识拓展：JavaScript 是目前所有主流浏览器上唯一支持的脚本语言，这也是早期JavaScript的唯一用途。

Q4: 如何用JavaScript实现拖拽功能?

这个示例会在鼠标按下时，启动拖拽功能。当鼠标移动时，元素位置会根据鼠标移动距离进行更新。当鼠标松开时，拖拽行为将停止。

拖动模块主要是利用mousedown，mousemove，mouseup或者移动端的touchstart，touchmove，touchend事件改变元素的位置等参数实现的。拖动的时候，根据事件返回的位置值，可以计算出当前移动的距离和角度等。

这次给大家带来如何使用js实现拖拽功能，使用js实现拖拽功能的注意事项有哪些，下面就是实战案例，一起来看一下。如果要设置物体拖拽，那么必须使用三个事件，并且这三个事件的使用顺序不能颠倒。

对于你的第一个问题，无法同时拖动三个圆的原因是在JavaScript代码中没有正确处理移动的逻辑。

键盘按键的状态、鼠标的位置、鼠标按钮的状态。

Q5: 30、调整图片大小可以用鼠标拖动图片四周任一控制点,但只有拖动___控制...

拖左或又会变宽，拖上或下会变高，拖四个角宽度和高度都会变动，比例不变 仅代表个人观点，不喜勿喷，谢谢。

四个角之一。在Word中，用鼠标拖动图片四周的控制点可以调整图片，但为了是图片纵横比保持不变，须拖动什四个角之一控制点，才能使图片等比例缩放。

三按Ctrl+tab键切换到图片素材界面，按Ctrl+A全选照片，再按Ctrl+C复制图片四按Ctrl+tab键切换到新建文件界面，按Ctrl+V粘贴照片到新建文件五按Ctrl+T自由变换图片，调整图片大小六调整图片时，用鼠标拖动。

第一种方法单击图片，在图片周围出现8个句柄，成为“尺寸句柄”形式，将鼠标指针停留在句柄上，鼠标指针变为双向箭头，当鼠标指针放在图片的4个角上，拖动即可实现等比例缩放 把鼠标指针放在4边中间的句柄上，拖动即可缩放在。

关于js实现图片拖拽放大缩小和js实现图片拖拽放大缩小功能的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。