阿最近发现的一篇超好文！前一年自己曾有开发网页手绘板，如果当时有看见它就好啦！文末的两个超6效果千万不要错过喔！p.s. 原文每个例子都附带codepen，感兴趣的话可以点进原文挨个进行试验~ 我最近在试验网页手绘的不同风格—比如顺滑笔触，贝塞尔曲线笔触，墨水笔触，铅笔笔触，印…

项目生成公司水印是很普遍的需求，下面是vue项目生产水印的方法。话不多说，复制粘贴就可以马上解决你的需求。 创建watermark.js文件。目录结构 vue中直接引用、使用。

本文会带大家认识Canvas中常用的坐标变换方法 translate 和 scale，并结合这两个方法，实现鼠标滚轮缩放以及画布拖动功能。

面对网页性能要求越来越高的今天，项目性能优化已经成了项目开发中必不可少的一个环节。尤其是现在越来越火🔥的在线教育、在线编辑、直播、游戏等类型的项目中Canvas和WebGL的运用越来越多。

Canvas API 提供了一个通过 JavaScript 和 HTML 的 <canvas> 元素来绘制图形的方式，它可以用于动画、游戏画面、数据可视化、图片编辑等方面。

在刚开始接触canvas的时候做过一个demo，内容就是一张画布，很简陋，只能画线，故决定实现一个功能差不多，能涂能擦的canvas画板，基于vue3+ ts

最近想系统看下 canvas 这个东西，所以找了一个库看看，本来打算写一两篇文章沉淀一下，发现东西有点多😦，索性就拆成了系列文章。

在现在的时代发展中，从以前的手写签名，逐渐衍生出了电子签名。电子签名和纸质手写签名一样具有法律效应。

Canvas 实现彩虹画笔绘画板- `lineCap`：笔触的形状，有 round | butt | square 圆、平、方三种。 - `lineJoin`：线条相交的样式，有 round | be