- 综合排序
- 最热优先
- 最新优先
- 来自专栏娱乐心理测试
小程序的拖拽、缩放和旋转手势
twoPoint.x2 = e.touches[1].pageX * 2 twoPoint.y2 = e.touches[1].pageY * 2 // 计算角度，旋转 )*180/Math.PI if (Math.abs(perAngle - curAngle) > 1) { that.setData({ msg: '旋转
1.7K40发布于 2018-06-08 开源：16点位，6特性，拖拽旋转库（DDR）
一句话总结超丝滑拖拽旋转库，16点位，带边界检测，圆角控制，动态位置指示器，拖拽旋转无抖动，动态箭头，完全开源拖拽库，坐标精准，旋转后，坐标始终为左上角那个点的坐标前言目前拖拖拽拽的项目非常流行比如低代码 而这些离不开前端底层的拖拽框架基于canvas实现的拖拽框架，非常丝滑，自由度高，但是做一些复杂业务难度较大所以使用div+css+js实现了一款16点拖拽旋转的库没有耐心看文章的同学，可以直接访问：https ://ddr.mx2d.cn/特性一：16点位我们来看看16个点分别是哪些上下左右四条边算4个点，可调整大小4个顶点可以拖拽，可同时调整两条边的大小顶点边缘有4个点，可拖拽旋转内置4个点可调整圆角大小（ 默认不开启）特性二：旋转无抖动无论是高速拖拽，还是旋转后拖拽，都没有抖动，非常丝滑。 ，分4个象限，每个顶点比较两条边，做了16次判断特性四：自带指示器这可不是一个普通的指示器，而是一个动态的指示器如果当前在拖拽，则显示坐标如果是调整大小，则显示宽高如果是旋转则显示度数厉害吧,跟达文西学的
7910编辑于 2026-05-06- 来自专栏小孟开发笔记
微信小程序单指拖拽和双指缩放旋转
小程序单指拖拽和双指操作是一个比较常用的功能，效果如下图 实现这三个功能，主要用三个触摸事件touchstart、touchmove、touchend <view style="height: 100vh translateY: 0, // 位移y坐标 单位px distance: 0, // 双指接触点距离 scale: 1, // 缩放倍数 rotate: 0, // <em>旋转</em>角度 : [] // 起始点touch数组 }, }) 单指<em>拖拽</em> 单指<em>拖拽</em>比较简单，只需要记录移动的点坐标，然后减去起始点坐标，就可以求出针对页面的移动距离 touchstart touchStart(e == 2) { // 单指<em>拖拽</em> this.setData({ translateX: onePageX - startMove.x, translateY: == 2这个判断的原因是防止图片跳动，因为如果你两个手指触摸，然后离开一个手指，我是禁止<em>拖拽</em>的，只有双指都离开后再次触摸才能单指<em>拖拽</em> 双指<em>旋转</em> 双指<em>旋转</em>的原理是根据三角函数求出起始点的角度，然后再求出移动坐标的角度
3.9K31编辑于 2023-03-07 - 来自专栏后端开发从入门到入魔
7-2 寻找大富翁
7-2 寻找大富翁 分数 25 全屏浏览题目 切换布局 作者 陈越 单位 浙江大学 胡润研究院的调查显示，截至2017年底，中国个人资产超过1亿元的高净值人群达15万人。
27810编辑于 2024-03-01 - 来自专栏Unity3D
【Unity3D】鼠标拖拽物体实现任意角度自旋转
Unity3d鼠标拖拽物体实现任意角度自旋转 主要涉及函数 Input.GetAxis(“Mouse x”) 可取得鼠标横向（x轴）移动增量 Input.GetAxis(“Mouse y”) 可取得鼠标竖向 （y轴）移动增量 通过勾股定理获取拖拽长度，长度越长旋转越快 在project setting--Input 可以设置 代码分享 UnityEngine; System.Collections; public void startRoate : MonoBehaviour { private bool onDrag = false; //是否被拖拽// public float speed = 6f; //旋转速度// private float tempSpeed; //阻尼速度// private float axisX = 1; //鼠标沿水平方向移动的增量// { // this.transform.Rotate(new Vector3(axisY, axisX, 0) * Rigid(), Space.World); //这个是是按照之前方向一直慢速旋转
5.4K30发布于 2020-03-11 - 来自专栏算法与数据结构
PTA 7-2 符号配对（20 分）
7-2 符号配对（20 分） 请编写程序检查C语言源程序中下列符号是否配对：/*与*/、(与)、[与]、{与}。 输入格式: 输入为一个C语言源程序。
6.1K71发布于 2017-12-29 - 来自专栏前端 TS/JS 核心讲堂
js拖拽-javascript拖拽缩放示例
一、两种主流实现方式方式 1：使用 HTML5 原生 Drag & Drop API（推荐用于跨容器拖拽）✅ 标准化，浏览器原生支持✅ 支持文件拖入、跨 iframe 拖拽❌ 事件模型复杂，样式控制受限 ❌ 移动端兼容性差方式 2：基于 mousedown mousemove mouseup 的自定义拖拽（推荐用于 UI 组件内部拖拽）✅ 完全可控，性能高✅ 可精细控制动画、边界、吸附等效果✅ 兼容性极佳 “抓”在点击点 在 document 上监听 mousemove/mouseup 避免鼠标移出元素后失效三、高级拖拽：可拖拽、可冻结、可编辑、可排序如我早期另一篇文章-用JS/HTML/CSS 构建可拖拽 总结 场景推荐方案表格行/列排序、看板卡片移动✅ mousedown + mousemove 自定义拖拽文件上传、跨应用拖拽⚠️ HTML5 Drag & Drop API复杂物理效果（ 磁吸、弹簧） 结合 requestAnimationFrame + 自定义逻辑记住核心公式： 拖拽位置 = 鼠标当前位置 - 初始偏移量掌握这一原则，你就能构建任何拖拽交互。
15421编辑于 2026-04-01 - 来自专栏刷题笔记
7-2 树种统计 (20 分)
本文链接：https://blog.csdn.net/shiliang97/article/details/102924532 7-2 树种统计 (20 分) 随着卫星成像技术的应用，自然资源研究机构可以识别每一棵树的种类
1.1K10发布于 2019-11-07 - 来自专栏刷题笔记
7-2 到底有多二
本文链接：https://blog.csdn.net/shiliang97/article/details/96301355 7-2 到底有多二 一个整数“犯二的程度”定义为该数字中包含2的个数与其位数的比值
75430发布于 2019-11-08 - 来自专栏freesan44
PTA 7-2 找奇葩 (20 分)
在一个长度为 n 的正整数序列中，所有的奇数都出现了偶数次，只有一个奇葩奇数出现了奇数次。你的任务就是找出这个奇葩。
32020发布于 2021-09-10 拖拽RecyclerView
挥别第三方库：原生ItemTouchHelper掌控RecyclerView拖拽与侧滑原始译文参考：开发技术前线（原作者：PaulBurke/译者：objectlife）如果你还在使用残破累赘的第三方库 （比如早期的SwipeToDismiss）或者深陷于手写GestureDetector和onInterceptTouchEvent的泥沼来处理列表的侧滑删除和长按拖拽，那你需要立刻停下。 不仅仅是手势的剥离，它直接掌控了拖拽中悬浮视图的z-轴阴影（elevation抬升）、回位动画轨迹（dropsettling）甚至支持自定义约束方向。
6110编辑于 2026-04-25- 来自专栏coding个人笔记
js拖拽
开发了那么久，对于js实现拖拽多少都写过，用于实际项目却没有。 先看一下之前写的： 如果鼠标慢慢移动，拖拽是没有任何问题的，如果速度快了，那么鼠标和元素就会分离。
6.9K30发布于 2020-04-24 - 来自专栏用户7873631的专栏
js拖拽
/*js拖拽逻辑: 第一：为什么要定位? 因为 ? 往左往上left top要定位的哈 第二：为什么点击down包括着移动move与抬起up. 因为代表这三个是不独立的. 鼠标是400.那样的话,400-(150-100)=350.就是div所在的位置.也就是move后的位置. js拖拽: <!
6.1K41发布于 2020-10-30 PTA 7-2 方阵循环右移
9710编辑于 2025-12-16- 来自专栏freesan44
PTA 7-2 数字之王 (20 分)
的每个数的各位数的立方相乘，再将结果的各位数求和，得到一批新的数字，再对这批新的数字重复上述操作，直到所有数字都是 1 位数为止。这时哪个数字最多，哪个就是“数字之王”。
30720编辑于 2021-12-06 - 来自专栏用户7873631的专栏
js拖拽
<!doctype html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{margin:0;padding: 0;;list-style: none;} #div{width: 100px;height: 100px;background: black;position: absolute;} </style> </head> <body> asdj
6.6K10发布于 2020-10-28 - </body> </html> <script> window.onload = function () { // 获取拖拽的节点 let drag = document.getElementById('drag') // console.log(drag); // 按下别拖拽对象的时候来自专栏编程内马尔
原生JS拖拽
IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>原生JS拖拽 class="box" id="drag">
16K40编辑于 2022-11-15
winform 文件拖拽
winform 重写函数，而不是控件委托事件 protected override void OnDragDrop(DragEventArgs drgevent) protected override
可拖拽gridview
的控件，GridView主要是来显示网格的控件，在Android的开发中使用很普通，相对于TextView，Button这些控件来说要来的复杂些，今天给大家带来长按GridView的item,然后将其拖拽其他 GridView的拖动的Demo，但是大部分都是相同的，而且存在一些Bug,而且大部分都是点击GridView的item然后进行拖动，或者item之间不进行实时交换，今天给大家更加详细的介绍GridView拖拽 position */ private int mDragPosition; /** * 刚开始拖拽的item对应的View */ private item显示出来，这样子就实现了GirdView的拖拽效果啦，接下来我们来使用下我们自定义可拖拽的GridView吧，先看主界面布局，只有我们自定义的一个DragGridView <RelativeLayout 好了，今天的讲解就到此结束，效果还不错吧，看完这篇文章你是不是觉得GridView拖拽也不是那么难实现呢？
table表格拖拽
el-table 的拖拽使用 Sortable.js 官方文档 :https://github.com/SortableJS/Sortable 1. (tbody, { animation: 150, //动画 handle: ".move", //指定拖拽目标，点击此目标才可拖拽元素(此例中设置操作按钮拖拽) filter : ".disabled", //指定不可拖动的类名（el-table中可通过row-class-name设置行的class） dragClass: "dragClass", //设置拖拽样式类名 /** * 在做列拖拽功能时发现问题：表头位置错乱，但是内容列正常 * 于是我给el-table绑定key，每次拖拽结束改变key触发表格重新渲染 * 但引出新的问题：表格重渲拖拽事件丢失，导致之后无法拖拽 * 于是我在表格重渲之后重新调用拖拽方法创建拖拽实例，功能正常 * **/ this.key
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号