首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
canvas
订阅
李行知
更多收藏集
微信扫码分享
微信
新浪微博
QQ
5篇文章 · 0订阅
实现小程序canvas拖拽功能
看起来挺简单的嘛,就把上面这几个问题解决了,就可以实现功能了;接下来我们一一解决。 定义一个DragGraph类,传入元素的各种属性(坐标、尺寸…)实例化后推入一个渲染数组里,然后再循环这个数组调用实例中的渲染方法,这样就可以把多个元素渲染到canvas上了。 在DragGra…
canvas中的拖拽、缩放、旋转 (上) —— 数学知识准备
最近做了一个移动端活动页的需求,大概就是diy一个页面。用户可以对物料进行拖动、缩放、旋转,来达到diy的目的。用DOM来实现是不现实的,我采用了canvas来实现和用户的交互。开发过程中,涉及到了canvas中对物料元素的拖动、缩放、旋转等。本文将详细介绍在不使用任何第三方库…
Hey, 你的Promise
... 运行之后我们发现什么都没有输出,onFulfilled 和 onRejected 都没有打印东西,那说明他们都没有执行,let me think think... 这是因为如果我们的 resolve 或 reject是异步的,当我们的then执行的时候,状态还没有改变,…
用canvas 画烟花
由此,可以看到一个由小到大扩张的圆。由于没有擦除上一帧,每一帧的绘制结果都显示出来,所以呈现出来的是一个实心的圆。我想绘制的是一个闪烁的圆,那么可以把上一帧给擦除。 首先,先画一由底部到画布中央的延伸线。既然是运动的延伸线条,那起码会有一个起点坐标和一个终点坐标 如图。大概需要…
canvas中的拖拽、缩放、旋转 (下) —— 代码实现
上一篇文章介绍了canvas中的拖拽、缩放、旋转中涉及到的数学知识。可以点击下面的链接查看。 canvas中的拖拽、缩放、旋转 (上) —— 数学知识准备。 在canvas中,如果一个元素带有一个旋转角度,可以直接变化canvas的坐标轴来画出此元素。举个例子, 用户开始触摸(…