- 综合排序
- 最热优先
- 最新优先
- 来自专栏娱乐心理测试
小程序的拖拽、缩放和旋转手势
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点位，带边界检测，圆角控制，动态位置指示器，拖拽旋转无抖动，动态箭头，完全开源拖拽库，坐标精准，旋转后，坐标始终为左上角那个点的坐标前言目前拖拖拽拽的项目非常流行比如低代码 ://ddr.mx2d.cn/特性一：16点位我们来看看16个点分别是哪些上下左右四条边算4个点，可调整大小4个顶点可以拖拽，可同时调整两条边的大小顶点边缘有4个点，可拖拽旋转内置4个点可调整圆角大小（ 默认不开启）特性二：旋转无抖动无论是高速拖拽，还是旋转后拖拽，都没有抖动，非常丝滑。 ，分4个象限，每个顶点比较两条边，做了16次判断特性四：自带指示器这可不是一个普通的指示器，而是一个动态的指示器如果当前在拖拽，则显示坐标如果是调整大小，则显示宽高如果是旋转则显示度数厉害吧,跟达文西学的 当然，不喜欢可以关闭，把参数从true改成false，就这么简单.特性五：支持拖拽圆角这个配置默认是关闭的只有在激活的状态才会显示4个控制点由于背景是蓝色，而控制点也是蓝色，所以看的不是很清楚（见谅）特性六
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 - 来自专栏Mac资源分享
Dropzone 4 mac(文件拖拽增强工具)
Dropzone for mac是Mac os平台上的一款帮助用户提高工作效率的Mac应用软件，Dropzone这款软件是用户的各种操作都变得非常的方便，大多数的任务都可以用拖拽的方式进行操作，提高了用户的工作效率 图片Dropzone 4 mac安装教程将左侧的Dropzone拖动到右侧的applications中即可，如图Dropzone 4 mac软件功能打开应用程序，移动和复制文件的速度比以往任何时候都要快
1.5K20编辑于 2022-08-29 - 来自专栏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 - 来自专栏Mac软件
Dropzone 4 for mac-文件拖拽增强工具
Dropzone 4 Mac版是一款文件拖拽操作增强工具，帮助用户方便优雅地完成跨应用、多位置的文件转移操作，当作快速启动器迅速打开文件。 Dropzone 4 现在完全支持 macOS Catalina 和黑暗模式。
1.3K10编辑于 2022-07-19 - 来自专栏ACM算法日常
搜索专题4 | 旋转棋盘 POJ - 2286
只有一种有效操作，那就是旋转4条线中的一条，每条线有7个格子。旋转操作其实是将6个格子往对应方向移动一格，而最前面的格子会移动到末尾。这样有8种移动方式，每种方式标记为A-H。 比如本题中的旋转操作，每一次旋转，在搜索完成时都会还原这个旋转操作。估值函数在DFS中往往用于剪枝操作，本题中将剩余数字作为估值函数，判断是否需要继续搜索。 0, 2, 6, 11, 15, 20, 22, // A 1, 3, 8, 12, 17, 21, 23, // B 10, 9, 8, 7, 6, 5, 4, , 8, 3, 1, // E 22, 20, 15, 11, 6, 2, 0, // F 13, 14, 15, 16, 17, 18, 19, // G 4, 5, 6, 7, 8, 9, 10 // H }; // 反方向 int res[] = {5, 4, 7, 6, 1, 0, 3, 2}; int depth; bool check
44910发布于 2019-09-10 - 来自专栏蜉蝣禅修之道
让android程序根据重力感应旋转屏幕(支持4个方向旋转)
activity原来本身就有设置屏幕方向的接口提供，而且四个方向都可以设置，另外还发现一段根据重力感应来计算屏幕方向的方法，两个结合起来，实现竖直方向的重力感应屏幕自动切换的方法就有了，自己监视重力感应来控制屏幕的旋转 activity退出，重新打开一个新的activity，为了避免用户数据丢失我们可能希望直接把屏幕旋转过来但是不关闭已有的activit，这就需要在activity的配置属性里加上这么一项：android :configChanges="orientation|keyboard" 这样就能保证activity在旋转的时候不会关闭了。 实现这个功能最关键的一段代码是根据感应监听器SensorEventListener的onSensorChanged方法传人的SensorEvent类型的对象的值来计算出一个旋转角度。 所以我们如果要计算出旋转角度的话要综合考虑三个轴的值，这涉及到物理学的一些知识，我这里取了些巧，直接把android源码中计算的代码拿了过来。
2.8K10编辑于 2022-04-02 - 来自专栏六月-游戏开发
三维数学(4)-物体的旋转
欧拉角 什么是欧拉角 用三个数去存储物体在x、y、z轴的旋转角度。 补充： 为了避免万向节死锁，y和z轴取值范围都是0~360°，x轴是-90°~90°。 x和z轴是旋转是相对于自身坐标轴的，y轴旋转永远是相对于世界坐标轴的。 优点 好理解，使用方便 只用三个数表示，占用空间少，在表示方位的数据结构中是占用最少的 缺点 万向节死锁 四元数 什么是四元数 Quaternion在3D图形学中表示旋转， 旋转轴为V，旋转弧度为θ，如果使用四元数表示，则四个分量为： x = sin(θ/2)*V.x y = sin(θ/2)*V.y z = sin(θ/2)*V.z w = cos(θ/2) X、Y 实例 使用欧拉角旋转 代码如下: public class EulerDemo : MonoBehaviour { public Vector3 euler; void Update()
85211编辑于 2022-12-26 - 来自专栏Mac应用教程
Dropzone 4 mac(文件拖拽增强工具)4.4.5激活版
Dropzone 4 mac图片Dropzone 4 mac软件功能打开应用程序，移动和复制文件的速度比以往任何时候都要快。使用 Tinyurl 缩短网址URL。
98410编辑于 2022-08-18 - 来自专栏Mac应用教程
Dropzone 4 Mac激活版(文件拖拽操作增强工具)
Dropzone for mac是Mac os平台上的一款帮助用户提高工作效率的Mac应用软件，Dropzone这款软件是用户的各种操作都变得非常的方便，大多数的任务都可以用拖拽的方式进行操作，提高了用户的工作效率 Dropzone 4 Mac激活版图片软件简介Dropzone 是一款Mac上的文件拖拽操作增强工具，这款软件可以让我们把大部分工作都通过拖拽来完成，比如保存文本、发送邮件、FTP上传、打开应用等等，只需要将文件拖拽到菜单栏上的窗口中即可 Dropzone 4是一款独特且令人惊叹的应用程序，与之前使用过的应用程序一样。 Drop Bar是Dropzone 4中的一项全新功能，可以让您轻松存储稍后需要的文件。只需将文件放在目标上，然后粘在那里，直到准备好使用它们。
89510编辑于 2022-08-23 - 来自专栏前端 TS/JS 核心讲堂
js拖拽-javascript拖拽缩放示例
一、两种主流实现方式方式 1：使用 HTML5 原生 Drag & Drop API（推荐用于跨容器拖拽）✅ 标准化，浏览器原生支持✅ 支持文件拖入、跨 iframe 拖拽❌ 事件模型复杂，样式控制受限 ❌ 移动端兼容性差方式 2：基于 mousedown mousemove mouseup 的自定义拖拽（推荐用于 UI 组件内部拖拽）✅ 完全可控，性能高✅ 可精细控制动画、边界、吸附等效果✅ 兼容性极佳 “抓”在点击点 在 document 上监听 mousemove/mouseup 避免鼠标移出元素后失效三、高级拖拽：可拖拽、可冻结、可编辑、可排序如我早期另一篇文章-用JS/HTML/CSS 构建可拖拽 : 8px 16px; background: #1890ff; color: white; border: none; border-radius: 4px ; const y = Math.max(0, Math.min(e.clientY - offsetY, maxY)); ❌ 问题 4：
15421编辑于 2026-04-01 拖拽RecyclerView
挥别第三方库：原生ItemTouchHelper掌控RecyclerView拖拽与侧滑原始译文参考：开发技术前线（原作者：PaulBurke/译者：objectlife）如果你还在使用残破累赘的第三方库 （比如早期的SwipeToDismiss）或者深陷于手写GestureDetector和onInterceptTouchEvent的泥沼来处理列表的侧滑删除和长按拖拽，那你需要立刻停下。 不仅仅是手势的剥离，它直接掌控了拖拽中悬浮视图的z-轴阴影（elevation抬升）、回位动画轨迹（dropsettling）甚至支持自定义约束方向。
6110编辑于 2026-04-25- 来自专栏HelloWorld杰少
Unreal Engine 4 RPG 系列教程（八）：背包道具拖拽丢弃
拖拽丢弃 在上一篇文章里，咱们实现了一个简单的道具背包（Inventory）功能，玩家可以拾起掉落在地上的道具，然后显示在背包中。 并且可以通过按钮事件来使用和丢弃道具，本篇咱们继续来优化这个背包功能，加上拖拽丢弃功能。 首先在开始之前，先来解决上一次功能的 bug，是我的锅就让我来背吧！ 的时候获取坐标会出现 Access None 的错误 添加一个 isExisted 的布尔变量，来判断背包当前该物品还在不在 优化后的蓝图如下： 使用道具逻辑： image 丢弃道具逻辑： image 拖拽事件 打开 UI_ItemCube 蓝图，点击 override 为其添加拖拽事件，如图： image 为 ThumbNail 缩略图添加点击事件 On_Thumbnail_MouseButtonDown ，如图： image 接下来，我们来创建一个 Icon widget, 用于拖拽的时候显示附着于鼠标上显示，创建 Widget 这里就不再详细说了，不明白的可以看之前的教程，创建好的 widget 取名为
81230编辑于 2023-08-10 - 来自专栏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 - 来自专栏Unity3d程序开发
unity3d：Matrix4x4矩阵位移，缩放，旋转
二维坐标轴旋转公式推导 https://www.cnblogs.com/fangsmile/p/8622421.html 设点M在原坐标系中的坐标为(x,y)，对应向量的模为r，幅角为α．将坐标轴绕坐标原点 ，按照逆时针方向旋转角θ形成新坐标系，点M在新坐标系中的坐标为（如图2-4），则 由此得到坐标轴的旋转的坐标变换公式 矩阵旋转公式推导 https://www.cnblogs.com/wywnet 在3D世界里，每个物体均有自身的世界矩阵，摄像机有摄像机矩阵，投影场景有projection矩阵，对顶点、向量、物体实施各种平移、旋转、缩放都是通过矩阵来完成的。 矩阵旋转 public static void Matrix4x4_Rotation(this Transform transform, SelfAxle axle, float angle) matrix4X4) { float qw = Mathf.Sqrt(1f + matrix4X4.m00 + matrix4X4.m11 + matrix4X4.m22) /
1.3K20编辑于 2023-08-24 - 来自专栏全栈程序员必看
ionic4 ion-reorder-group组件拖拽改变item顺序
刚开始我都不知道ionic4中已经封装了拖拽排序的组件，也是主管告诉我的。使用了这个组件的经历告诉我：仔细读官方文档，是没错的！ HTML中使用组件，代码如下 <! --拖拽按钮--> <ion-reorder slot="end"></ion-reorder> </ion-item> </ion-reorder-group> ionItemReorder 绑定reorder事件，是item被拖拽时会被触发的事件，这个事件是ionic绑定在IonReorderGroup组件上的。 记得一定要设置disabled属性，不然不会有拖拽按钮出现。 index，complete方法需在拖拽结束后调用，否则会卡住。
73230编辑于 2022-06-30 - 来自专栏用户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
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号