使用 TypeScript 封装构造函数 CanvasContainer。实现直线、矩形、多边形在移动过程中与相邻的图形之间显示 辅助线，来辅助对齐的功能；并实现两个图形靠近后自动贴合的 `吸附功能`

拖拽移动，调整大小，旋转是低代码常用的组件操作，之前的项目经常用到，好记性不如烂笔头，我总结归纳了一下！

众所周知，canvas 是前端进军可视化领域的一大利器，借助 canvas 画布我们不仅可以实现许多 dom 和 css 难以实现的、各种绚丽多彩的视觉效果，而且在渲染数量繁多、内容复杂的场景下，其性能表现及优化空间也占据一定优势。 然而 canvas 却存在一个缺陷：由于 c…

本篇是图形学专栏的开篇第一篇，目标是通过实现一个简单的 2D 编辑器博客，来巩固和分享一些图形学的知识。将平时写的demo项目展示在无限画布中。感兴趣的话大家可以收藏关注一下，这是件长期且有趣的事情。

忍不住给大家分享一个好东西，20行代码实现一个屏幕录制的功能。再也不用担心需要下载软件，也不用担心付费的问题了。大家有什么使用场景可以在评论区留言

今天领导给我一个任务，就是要求画布上面需要增加一个标尺，用来识别画布内元素的坐标，于是就开始我的搬砖之旅了。 开始想着挺简单的，不就是对画布进行刻度标记吗，写着写着发现有点不连贯了，于是就开始在网上找

使用SVG绘制一个环形进度条。通过定义SVG的基本元素，如圆形和轮廓，并使用stroke-dasharray属性设置轮廓的样式，可以实现任意角度的环形进度条。