JavaScript 拖拉缩放效果

 更新时间:2008年12月10日 17:45:02   转载 作者:  
拖拉缩放效果,实现通过鼠标拖动来调整层的面积(宽高)大小。例如选框效果。
这里的拖拉缩放比一般的选框复杂一点,能设置八个方位(方向)的固定触发点,能设置最小范围,最大范围和比例缩放。
跟拖放效果一样,程序的原型也是在做图片切割效果的时候做出来的。但这个效果的参考少的多,基本上靠自己摸索,走了不少弯路,现在总算把自己想要的效果做出来了,程序跟上一个版本比较也已经“面目全非”,还是觉得有很多需要改进的地方,就像永远没有最完美的土耳其地毯。
这里也有一个简化版的SimpleResize,方便学习。
在线测试 http://img.jb51.net/online/Resize/Resize.htm
打包下载地址 http://img.jb51.net/online/Resize/Resize.rar
ps:实例中包含了拖放效果,不过两个效果是完全独立的,删掉拖放的部分也能正常缩放。

相关文章

  • JavaScript数组复制详解

    JavaScript数组复制详解

    对于javascript来说,数组是一种引用类型,如果只是一维数组的话,复制还较为容易,如果是多维数组呢?如何实现多维数组的深度复制?
    2017-02-02
  • 关于javascript 回调函数中变量作用域的讨论

    关于javascript 回调函数中变量作用域的讨论

    关于回调函数中变量作用域的讨论精品推荐,大家可以参考下。
    2009-09-09
  • JS倒计时代码汇总

    JS倒计时代码汇总

    这篇文章主要介绍了JS倒计时代码,实例汇总了几种常见的倒计时代码,适用于不同的应用场合,是非常实用的技巧,需要的朋友可以参考下
    2014-11-11
  • js改变html的原有内容实现方法

    js改变html的原有内容实现方法

    下面小编就为大家带来一篇js改变html的原有内容实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-10-10
  • 原生JS实现幻灯片

    原生JS实现幻灯片

    本文主要介绍了原生JS实现幻灯片的示例代码,具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • 谈一谈JS消息机制和事件机制的理解

    谈一谈JS消息机制和事件机制的理解

    消息/事件机制是几乎所有开发语言都有的机制,并不是deviceone的独创,在某些语言称之为消息(Event),有些地方称之为(Message).接下来通过本文给大家介绍JS事件和消息机制的理解 ,需要的朋友一起学习吧
    2016-04-04
  • 微信小程序进入广告实现代码实例

    微信小程序进入广告实现代码实例

    这篇文章主要介绍了微信小程序进入广告实现代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-09-09
  • js封装成插件_Canvas统计图插件编写实例

    js封装成插件_Canvas统计图插件编写实例

    下面小编就为大家带来一篇js封装成插件_Canvas统计图插件编写实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09
  • Javascript获取某个月的天数

    Javascript获取某个月的天数

    本文给大家分享使用getDaysInOneMonth(year, month)方法获取某个月的天数,方法超简单,感兴趣的朋友一起看看吧
    2018-05-05
  • javascript动态获取登录时间和在线时长

    javascript动态获取登录时间和在线时长

    这篇文章主要为大家详细介绍了javascript动态获取登录时间和在线时长的相关资料,获得登录时候的时间,用来和动态的时间做差来求时长,感兴趣的小伙伴们可以参考一下
    2016-02-02

最新评论