首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
Canvas 画布的一些使用
安煜
创建于2024-05-09
订阅专栏
记录一些遇到过的使用Canvas的场景
等 10 人订阅
共6篇文章
创建于2024-05-09
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
Canvas 画布:图形移动时的辅助线和吸附效果
使用 TypeScript 封装构造函数 CanvasContainer。实现直线、矩形、多边形在移动过程中与相邻的图形之间显示 辅助线,来辅助对齐的功能;并实现两个图形靠近后自动贴合的 `吸附功能`
Canvas 画布:修改图形各端点的位置
本文会带大家使用 TypeScript 继续封装构造函数 CanvasContainer。以实现移动选中的直线、矩形、多边形的各个端点。
Canvas 画布:图形的选中和移动 (下)
本文会带大家使用 TypeScript 继续封装构造函数 CanvasContainer。以实现 同时 选中 和 移动 多个 直线、矩形、多边形的功能。
Canvas 画布:图形的选中和移动 (上)
本文会带大家使用 TypeScript 继续封装构造函数 CanvasContainer。以实现直线、矩形、多边形的 选中 和 移动 功能,并处理 海量图形移动 带来的卡顿问题。
Canvas 画布:绘制直线、矩形、多边形
本文会带大家使用 TypeScript 继续封装构造函数 CanvasContainer。以实现绘制直线、矩形、多边形的功能,并处理绘制海量图形带来的卡顿问题。
Canvas 画布:拖动和缩放
本文会带大家使用 TypeScript 封装一个构造函数 CanvasContainer。用来实现 Canvas 画布的 拖动平移 和 鼠标滚动缩放 两个常用的功能。