🔥🔥🔥给文本域添加行号显示需要考虑哪些事情？文本域增加或删除内容？文本域内容滚动？文本域尺寸变化？

本文给大家分享一下使用原生canvas 实现一个简易的画板，包括画笔、橡皮、撤销、恢复、保存、水印等功能，附带源码

在我开发我的个人开源项目region-screenshot-js，需要加一个图片马赛克绘制功能，在这里分享实现方式，希望对大家所有启发。

简单说下示例的功能：canvas绘制一个矩形框，对应左上角生成一个input框，默认值填充，支持修改输入，右键矩形框可以删除对应矩形框

两种纯原生js的方法实现指定区域高亮，纯绿色无插件。高亮是web端比较常见的一个需求，甚至浏览器就自带搜索高亮的功能。在浏览器内点击ctrl+f便能弹出自带的搜索框，但这跟本文没关系。

最近，我完成了一个多端趣味画板项目。在这个项目的基础上，我会根据其中的技术细节和重要功能编写画板探秘系列文章，我会一一介绍其中的功能和逻辑，欢迎阅读

上一节我们通过【Canvas系列】通过离屏渲染提高 Canvas 书写性能，本节我们将介绍如何通过可视区域内渲染提高 Canvas 的书写性能。

由 P0 至 P1 的连续点 Q0，描述一条线段。 由 P1 至 P2 的连续点 Q1，描述一条线段。 由 Q0 至 Q1 的连续点 B(t)，描述一条二次贝塞尔曲线。 首先，创建画图起始点。 然后，使用画图命令去设置图形。 最后，通过描边或填充路径区域来渲染图形。 新建一条路…

在本教程中我们将介绍如何在任意角度的直线上添加箭头，然后运用我们学到的知识实现在弧线的末端添加箭头。