本文目录一览：
- 1、js双指缩放图片比例不管在哪个位置都不超过边界?
- 2、jS控制图片的放大和缩小?
- 3、图片按比例缩放js
- 4、用js实现页面图片,以鼠标位置为中心,滚轮缩放图片
- 5、js实现图片滚轮、按钮缩放大小,图片旋转,图片拖拽
- 6、JS控制图片放大和缩小怎么改
js双指缩放图片比例不管在哪个位置都不超过边界?
1、在随意位置也可以使用缩放比例计算，只是偏移中心一段距离。如中心点是c.x*scale，则左移20px是(c.x+20)*scale。
2、这个是把图片固定在宽和高各是100px，在这区间进行缩放。
3、这个时候img的图片自身是多大，就会显示多大。100px*100px的图。js代码：var oImg = document.getElementById(img)；oImg.width = 50px //当给img标签的宽度设置为50px后，高度会自动按比例缩小。-islider2.min.js图片缩放
4、可以只用js实现，其实你这个问题的本质就是，利用js捕捉屏幕上的多点触控事件，然后根据事件触发时，这几个点的动作来进行相应的操作。
5、center；}.imgBox， .imgBox img{width：100%；height：100%；}如上代码可以实现，把图片换一下就OK了，希望可以帮到你。
6、图片以img节点形式放在一个置顶的DIV中，img高度设置为auto，在滚轮事件onmousewheel中改变img节点的宽高即可。
jS控制图片的放大和缩小?
可以用js事件“onmouseover”和“onmouseout”来实现。
用js控制图片额大小。主要是修改图片的宽度和高度。下面是简单的代码实现：HTML 代码：这个时候img的图片自身是多大，就会显示多大。100px*100px的图。
一般来说，实现图片的放大缩小功能都用到了比较大的封装插件，特别是以jQuery插件居多，而实际上单纯实现对原图本身的放大缩小，用简单几行原生JS代码就可以做到。
用JavaScript实现图片点击放大再次点击恢复代码如下：JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。
图片按比例缩放js
这个是把图片固定在宽和高各是100px，在这区间进行缩放。
js代码：var oImg = document.getElementById(img)；oImg.width = 50px //当给img标签的宽度设置为50px后，高度会自动按比例缩小。
在随意位置也可以使用缩放比例计算，只是偏移中心一段距离。如中心点是c.x*scale，则左移20px是(c.x+20)*scale。
你让图片根据高度等比例缩放 可以让宽度auto。这样图片就等比例缩放了。
用js实现页面图片,以鼠标位置为中心,滚轮缩放图片
图片以img节点形式放在一个置顶的DIV中，img高度设置为auto，在滚轮事件onmousewheel中改变img节点的宽高即可。
分别写一个onmouseover和onmouseout事件。然后在事件里面加一个function，分别写想要放大的尺寸和缩小或复原的尺寸。
你用JS设计一下鼠标的点击事件，然后实现滑轮的缩放。
这种属于客户端技术，应该首先想到用js来实现。
将hover加在a上而不是img，是因为ie6只支持a的hover选择器。
js实现图片滚轮、按钮缩放大小,图片旋转,图片拖拽
1、这个代码只是修改了缩放元素的缩放比例，并没有设置基准点。
2、首先准备一个HTML文档，文档中准备好两个图片，接下来会对这两个图片进行旋转。然后对HTML中的内容定义一些样式，如下图所示，主要是标题以及ul的样式。接下来就给图片所在的li定义宽高，如下图所示。-islider2.min.js图片缩放
3、用js控制图片额大小。主要是修改图片的宽度和高度。下面是简单的代码实现：HTML 代码：这个时候img的图片自身是多大，就会显示多大。100px*100px的图。
4、可以看到现在的图片，已经具备放大缩小及旋转的功能了，但是这个方法会造成图片的遮挡，所以还需要做一个拖动图片的功能 在main.js里面全局定义一个拖动指令，也可在局部定义。
JS控制图片放大和缩小怎么改
准备好需要用到的图标。新建html文档。书写hmtl代码。 。书写并添加js代码。/script。代码整体结构。查看效果。
可以用js事件“onmouseover”和“onmouseout”来实现。
或者： 当页面中图片非常多，且要求每张图片的大小依据其父容器来固定怎么办？可以使用max-weight：img {max-weight：100%；} 这样图片会自动缩放到和其父容器等宽。
用JavaScript实现图片点击放大再次点击恢复代码如下：JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。
这个代码只是修改了缩放元素的缩放比例，并没有设置基准点。
一般来说，实现图片的放大缩小功能都用到了比较大的封装插件，特别是以jQuery插件居多，而实际上单纯实现对原图本身的放大缩小，用简单几行原生JS代码就可以做到。
