如何用HarmonyOS JavaScript打造智能手绘板，实现长尾词识别？

本文共计1494个文字，预计阅读时间需要6分钟。

目录+前言+效果展示+原理分析+1. 绘制原理+2. 线条粗细+完整代码+总结+前言+最近在学习openHarmony，之前了解过canvas，所以想分享一下我实现的一个手绘板，利用openHarmony内置的

功能。

目录

• 前言
• 效果展示
• 原理分析
• 1.绘制原理
• 2.线条粗细
• 完整代码
• 总结

前言

最近在学习openHarmony，恰好之前了解过canvas，所以本篇文章分享一下我实现的一个手绘板，利用openHarmony内置的API cnavas组件实现。

这是一个手绘板，并且可以根据滑动屏幕速度，动态生成线条大小，当用户触摸屏幕，会生成线条，并且速度越快，线条越细。

效果展示

原理分析

1.绘制原理

使用前，需要线了解canvas组件，可以参考harmonyOS开发者文档，文档介绍的非常详细，这里就不多介绍了

首先，我们需要将canvas上下文对象，需要在触摸移动事件中绑定，因为我们是通过触摸来生成对应线条的。