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

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

clipboard.png

阅读 4k
4 个回答

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

不计算y坐标就行了

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题