weixin_46465090的博客

上一篇文章小汪写到用canvas实现画板的功能，但是思前想后在曲线上有一定的问题，点我去看上篇canvas画板。由于我把自己代入了角色，但作为用户的感官不应该是这样子的。二次贝塞尔曲线canvas手册在描述中讲出：也就是需要得到起始点，控制点，结束点，从而自动绘制出相切切角的曲线。而小汪在上篇的案例中实际效果为：也就是说 用户在一开始可能并不知道这是贝塞尔曲线，即便给出相应点位也应该把操作点2通过计算改变位置才对。所以我做出了修改，改成用户拖拽画贝塞尔曲线。思路：起始点在用户手指/鼠标点击时

大家好，お久しぶりです（好久不见，主要是偷懒没写）。这次主要是实现小程序实现画板功能（web端同理），下面进入正题。（只贴出小程序的代码）这次的项目需求是给搞绘图的学生弄一个画图的功能。最终实现效果如下：弄了一个代码片段，有兴趣的朋友可以下下来看看。（最下方↓）功能有：画直线、二次贝塞尔曲线、自由画线、矩形、圆、撤销、恢复等功能。不过首先声明一下，由于canvas无法对单一路径进行删除，所以无法实现在绘制矩形、圆出现实时路径。（或者说小汪太菜不会，恳请指点），但不是毫无办法，理论上使用一个元素