js怎么让用户画的线是直的,而不是扭曲,如何矫正?

如图,左边的W好像是手抖画出来的,如何矫正成右边的直的笔画??

clipboard.png

阅读 4.1k
4 个回答

关键是一笔画呢还是多笔画?
一笔画的话,比较麻烦,要使用去抖算法。
多笔画的话就简单了,过两点确定一条直线,取用户按下去鼠标左键的坐标和最后松开左键的坐标,生成一条直线

不计算y坐标就行了

y值等比例增加,而不是根据鼠标移动位置

这个最简单的方法,
隔一段距离取一个点,然后用直线把这些点按顺序连接起来,就会好多了.
再优化的话就是一个点的两条线角度比较小的话,这个点也放进数组里.失真就比较小.

推荐问题