js图片可以通过手指方法缩小，js放大图片

如何使用JS+CSS3实现图片响应鼠标移动放大缩小

如果直接设置背景opacity值为0.8，会使文字的颜色发生改变。解决方法就是在设置背景色时使用rgba(red，green，blue，opacity)来对背景色进行设置，这样就可以单独的改变背景的透明度，而不会影响到里面的内容(包括文字和图片)。

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

目前能够良好的支持CSS3的浏览器全都对SVG支持良好，使用SVG构建矢量图图标是比较合适的，即使你需要兼容IE6，使用raphael.js也可以办到，目前这个js已经整合到最新的ext0.js中。

preview开始是不可见的，.css()为图片指定了位置，.fadeIn()最终显示预览图片。当光标离开图片时，将添加的预览图片使用remove()方法移除。

background-image存在的问题使用background-image的问题是，他不能实现图片大小的动态缩放。所以，这种方式对于要求图片缩放的响应式设计来说就不那么适用了。

相关问答

Q1: js手机上两根手指缩放页面大小

在手指移动过程中针对每一次的两点距离进行比较。如果相对上次较大则放大，否则缩小。

百度地图js版，在Androids上面目前只能支持滑动，在IOS上支持滑动和双指缩放。这不是百度地图的问题，而是Android设备上的浏览器，对多点触控的支持不够完善。

在手机上打开自带的浏览器进入。进入到浏览器页面以后输入需要访问的地址链接。页面跳转以后进入到该网页界面，可以看到当前的页面内容显示是不完整的。使用两个手指在当前的界面中进行捏合。

Q2: js手势放大缩小页面出现滚动条

1、用不着js，给最外层的div加一个min-width就可以了，这样设置后 当页面屏宽度缩小后，会自动出现滚动条。

2、：使用js的插件 目前主流的js库 比如jq 也有手势的插件，2：还有移动端的zepto库 也有手势插件，3：另外还有个叫QuoJS的手势插件 这个插件不依赖任何的库，4：早期的应该是用wml语言支持的WMLScript实现。

3、一种就是隐藏滚动条 ，但是这样的话，前台页面会因为滚动条的隐藏和出现而发生宽度的变化。这就使得每次一打开dialog页面就会伸缩。十分难受。第二种 就是不知道从哪儿抄的这种方法。一番修改之后，我也没好用。

4、试试这个：我在做练习的时候，给banner设置过min-width，然后缩小窗口就有左右的滚动条了。大概就是跟你的内容多少有关吧。

5、为了增强用户体验，通过判断是否有滚动条而添加 margin-left 属性以抵消 overflow： hidden 之后的滚动条位置。

Q3: 百度地图js版Android开发,如何实现两个手指放大缩小地图

1、百度地图js版，在Androids上面目前只能支持滑动，在IOS上支持滑动和双指缩放。这不是百度地图的问题，而是Android设备上的浏览器，对多点触控的支持不够完善。

2、手机版百度地图放大的方法，直接在手机屏幕显示的地图上，使用拇指和食指进行慢慢拉开，地图就放大了，收缩手势就可以缩小了。

3、在touchmove事件做判定，如果 event.touches.length==2 则记录此次两点之间的距离：Math.sqrt(Math.pow((x2-x1)，2)+Math.pow((y2-y1)，2))在手指移动过程中针对每一次的两点距离进行比较。

4、调整百度地图导航方向：打开百度地图，设置好目的地，点击导航按钮，开始导航；在导航界面，点击右下角三横线，出现设置界面；在“导航视角”下，点击“车头向上”或者“正北朝上”即可。

Q4: 求教swiper.js怎么能双击图片放大,并且可以用手势放大缩小图片

1、准备好需要用到的图标。新建html文档。书写hmtl代码。 。书写并添加js代码。/script。代码整体结构。查看效果。

2、如果说的是在 web 里，有个叫做 hammer.js 的插件，官方有示例的，可以看看。

3、如果想用单击双击手势放大缩小用点击手势UITapGestureRecognizer就可以了，单击设置属性numberOfTapsRequired为1，双击设置为2，就可以了，实现他的点击方法就可以了。

Q5: canvas图片缩放-JS中canvas画布绘制中如何实现缩放,位移,旋转

1、这里首先绘制了一个黑色矩形，然后调用 setTransform() 方法，接着把画布旋转 45 度，最后绘制红色矩形。因为没有指定旋转原点，所以默认原点在 (0，0) ，导致红色矩形旋转后，有一半的区域移到了画布之外。

2、处理touch事件，当为两指操作缩放时停止事件传播； canvas方面，始终设定context的原点在canvas元素中心点； 每次触发缩放就clear掉整个画布，然后使用context.scale缩放，然后全部重新画。

3、点左边的矩形选框工具，在图上圈出你要处理的范围，然后按CTRL+T，接下来就可以缩放、水平翻转或垂直翻转了，鼠标箭头移动到选框的四个角，还可以旋转画面。下图为例。

js图片可以通过手指方法缩小的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js放大图片、js图片可以通过手指方法缩小的信息别忘了在本站进行查找喔。