在前端开发中，有些时候会遇到根据鼠标当前位置为原点，滚动滚轮实现图片、canvas、DOM元素缩放的需求。有些同学可能觉得有点难，但其实借助线性代数中的矩阵运算，可以非常容易地实现这一功能

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

前言 作为使用React前端开发，可能vue也一样，应该会经常遇到长列表的功能需求，如果不做性能优化，那会导致渲染性能低，带来网页卡顿的问题。常见的解决方案应该是使用虚拟列表，只渲染可见的部分。但是对

上一节 通过上下分层优化 Canvas 书写性能 优化了 Canvas 的书写性能，接下来我们通过离屏渲染的方式，进一步优化 Canvas 的书写性能。

前言 承接上文Canvas 尺寸与分辨率矫正，当我们了解了如何去设置一个 Canvas 尺寸，并通过分辨率对 Canvas 进行矫正后，我们就可以开始实现一个自由绘制的 Canvas 画板了

在书写的过程中，因为点数量减少导致书写的效果不够理想，因此通过贝塞尔曲线的方式，将点连接起来，形成平滑的曲线，从而达到书写的效果。这节，我们将通过上下分层的方式，优化 Canvas 的书写性能。

点进来就学如何用canvas绘制流动折线路径，流动小球折线路径，流动小球贝塞尔曲线。以及编辑路径，封装成vue3组件

该 HTML 文件是一个功能完整、跨设备兼容的在线电子签名工具，基于 HTML5 Canvas 实现签名绘制核心功能，搭配直观的样式控制（颜色、线条粗细）与操作按钮（清除、保存、下载），同时支持鼠标与

在前端开发中，我们习惯于使用 HTML 标签（如 <img>, <div>, <svg>）来声明我们想要显示的内容，然后由浏览器负责布局和渲染 但 <canvas> 元素截然不同 Canvas 提供的