如何实现js控制图片在固定的div中放大缩小？

lmkght 2016-06-24 01:39:16

如何实现js控制图片在固定的div中放大缩小？
我现在可以实现放大缩小但是图片放大到一定程度就会超出div 怎么样可以让他固定在div中放大缩小

...全文

282 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

lmkght 2016-06-24

打赏
举报

回复

引用 2 楼 zkmzge 的回复:

获取div的宽和高，js改变图片大小的时候宽和高都小于div的就行了

不是要让他的宽高不能大于div 我是想让他在div中宽高随意放大

zkmzge 2016-06-24

打赏
举报

回复

获取div的宽和高，js改变图片大小的时候宽和高都小于div的就行了

lmkght 2016-06-24

打赏
举报

回复

有没有大神啊

js放大缩小拖拽图片（兼容IE、火狐）的js脚本实例

使用hammer.js 可以手势控制同时进行旋转拖拽放大缩小功能，解决官网移动旋转复位效果，重点解决官网旋转rotate demo旋转乱跳bug 官网:http://hammerjs.github.io/ (官网的demo真是坑又是复位又是旋转抖动的....双点触控就立马旋转造成抖动视觉效果的bug)

本课程是带领大家学习Pc端网页、app、小程序的布局以及样式添加，学完本课程，大家可以对任意网页实现布局，思路清新。课程简介：1，html5编辑器的介绍和使用2，块标签3，内联标签4，超链接和锚点5，12种选择器6，颜色7，单位8，css属性9，盒模式10，div布局11，内容图片12，布局图片13，用户交互图片14，字体15，表单16，表格17，浮动18，定位19，内联框架20，搜索引擎优化21，实战案例

用JS实现和google地图类似的图片查看器 -----图片放大、缩小、移动和还原，都控制在div里，兼容ie,FF

主要介绍了js实现鼠标滚轮控制图片缩放效果的方法,涉及onmousewheel事件及javascript操作图片的技巧,具有一定参考借鉴价值,需要的朋友可以参考下

81,092

社区成员

341,718

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章