最近做了一个移动端活动页的需求，大概就是diy一个页面。用户可以对物料进行拖动、缩放、旋转，来达到diy的目的。用DOM来实现是不现实的，我采用了canvas来实现和用户的交互。开发过程中，涉及到了canvas中对物料元素的拖动、缩放、旋转等。本文将详细介绍在不使用任何第三方库…

上一篇文章介绍了canvas中的拖拽、缩放、旋转中涉及到的数学知识。可以点击下面的链接查看。 canvas中的拖拽、缩放、旋转 (上) —— 数学知识准备。 在canvas中，如果一个元素带有一个旋转角度，可以直接变化canvas的坐标轴来画出此元素。举个例子， 用户开始触摸(…

Vue + Egg 实现一个 H5页面可视化编辑器 / 可视化配置平台;互联网快节奏时代的当下，h5页面的产出在快速迭代的运营节奏下已经捉襟见肘；今天我们就一起来实现一个可视化配置平台（nocode）

模运动规律对运动进行拆解，实现物体的直线、变速、圆周、椭圆、平抛、自由落体、落地弹起等常规运动。 以上实现均为根据运动学规律对运动拆解，分解成x，y两个方向进行处理；较复杂的运动拆分成多个简单的运动，对结果进行组合；t为运动唯一外部变量，所有可变变量都与t有关，注意t的使用；本…

在移动端开发中，手势操作非常常见，本篇文章主要讲解常见的 9 种手势操作原理,期间会穿插一些数学知识，将数学运用到实际问题中，数学部分可能会比较枯燥，但希望大家坚持读完，相信会收益良多。 所有的手势操作都是基于浏览器原生事件touchstart, touchmove, touc…