编程 Javascript

JavaScript 拖拉缩放效果

Posted in Javascript onDecember 10, 2008

这里的拖拉缩放比一般的选框复杂一点，能设置八个方位（方向）的固定触发点，能设置最小范围，最大范围和比例缩放。
跟拖放效果一样，程序的原型也是在做图片切割效果的时候做出来的。但这个效果的参考少的多，基本上靠自己摸索，走了不少弯路，现在总算把自己想要的效果做出来了，程序跟上一个版本比较也已经“面目全非”，还是觉得有很多需要改进的地方，就像永远没有最完美的土耳其地毯。
这里也有一个简化版的SimpleResize，方便学习。
在线测试 http://img.3water.com/online/Resize/Resize.htm
打包下载地址 http://img.3water.com/online/Resize/Resize.rar
ps：实例中包含了拖放效果，不过两个效果是完全独立的，删掉拖放的部分也能正常缩放。

JavaScript 拖拉缩放效果

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

Jquery Validation插件防止重复提交表单的解决方法

Mar 05 Javascript

原生javascript实现图片按钮切换

Jan 12 Javascript

JavaScript中常见的字符串操作函数及用法汇总

May 04 Javascript

使用jQuery制作Web页面遮罩层插件的实例教程

May 26 Javascript

jQuery插入节点和移动节点用法示例(insertAfter、insertBefore方法)

Sep 08 Javascript

基于jQuery代码实现圆形菜单展开收缩效果

Feb 13 Javascript

angularJs使用$watch和$filter过滤器制作搜索筛选实例

Jun 01 Javascript

vue.js加载新的内容(实例代码)

Jun 01 Javascript

想用好React的你必须要知道的一些事情

Jul 24 Javascript

js匿名函数使用&传参(实例)

Sep 08 Javascript

JS设计模式之观察者模式实现实时改变页面中金额数的方法

Feb 05 Javascript

Fundebug支持监控微信小程序HTTP请求错误的方法

Feb 21 Javascript

CSS JavaScript 实现菜单功能改进版

Dec 09 #Javascript

一个判断email合法性的函数[非正则]

Dec 09 #Javascript

Javascript 表单之间的数据传递代码

Dec 04 #Javascript

Javascript !!的作用

Dec 04 #Javascript

js 深拷贝函数

Dec 04 #Javascript

JavaScript 基础问答三

Dec 03 #Javascript

asp 取文本框名称代码

Dec 02 #Javascript

You might like

改造一台复古桌面收音机

2021/03/02 无线电

网页游戏开发入门教程二（游戏模式+系统）

2009/11/02 PHP

Google Voice 短信发送接口PHP开源版(2010.5更新)

2010/07/22 PHP

zend api扩展的php对象的autoload工具

2011/04/18 PHP

使用phpQuery采集网页的方法

2013/11/13 PHP

php生成验证码，缩略图及水印图的类分享

2016/04/07 PHP

ASP 过滤数组重复数据函数(加强版)

2010/05/31 Javascript

JQuery的$命名冲突详细解析

2013/12/28 Javascript

JavaScript函数的4种调用方法详解

2014/04/22 Javascript

JavaScript中的fontsize()方法使用详解

2015/06/08 Javascript

纯js代码实现未知宽高的元素在指定元素中垂直水平居中显示

2015/09/12 Javascript

详解JavaScript函数

2015/12/01 Javascript

jquery单击事件和双击事件冲突解决方案

2016/03/02 Javascript

Javascript自执行匿名函数(function() { })()的原理浅析

2016/05/15 Javascript

jQuery如何获取动态添加的元素

2016/06/24 Javascript

AngularJS基础 ng-mouseleave 指令详解

2016/08/02 Javascript

基于JS实现9种不同的面包屑和分布式多步骤导航效果

2017/02/21 Javascript

浅谈Vuejs Prop基本用法

2017/08/17 Javascript

jquery实现选项卡切换代码实例

2019/05/14 jQuery

JavaScript面向对象程序设计中对象的定义和继承详解

2019/07/29 Javascript

vuex实现像调用模板方法一样调用Mutations方法

2019/11/06 Javascript

vue学习之Vue-Router用法实例分析

2020/01/06 Javascript

node+vue实现文件上传功能

2020/05/28 Javascript

微信小程序收藏功能的实现代码

2020/06/19 Javascript

django反向解析和正向解析的方式

2018/06/05 Python

简单了解python的内存管理机制

2019/07/08 Python

centos+nginx+uwsgi+Django实现IP+port访问服务器

2019/11/15 Python

python pprint模块中print()和pprint()两者的区别

2020/02/10 Python

BRASTY捷克：购买香水、化妆品、手袋和手表

2017/07/12 全球购物

乌克兰在线商店的价格比较：Price.ua

2019/07/26 全球购物

意大利网上购书网站：Libraccio.it

2021/02/03 全球购物

大型公益活动策划方案

2014/08/20 职场文书

2016关于学习党章的心得体会

2016/01/15 职场文书

Vue elementUI表单嵌套表格并对每行进行校验详解

2022/02/18 Vue.js

Redis基本数据类型String常用操作命令

2022/06/01 Redis

table设置超出部分隐藏，鼠标移上去显示全部内容的方法

2022/12/24 HTML / CSS