OpenHarmony开源社区
直播中

李勇

7年用户 1241经验值
私信 关注
[问答]

如何用canvas组件实现在JS UI上画出连续的线条?

在使用框架的过程中,我想使用canvas这个画布组件来实现【】的功能,可以在JS UI上画出连续的线条,如下图:

仔细查看文档中很多JS UI中关于canvas的API之后,我发现例子都是写数据死的。
如果在屏幕上要连续出线,肯定要获取相应的坐标值画,也就是显示移动台上要获取的所有坐标数据。
以及画布在绘制时如何绑定触发的这些事件,或者如何才能获得移动端的坐标数据?

回帖(3)

那些年儿ing

2022-4-2 10:47:27
在touchmove里面有坐标
举报

其实znvm

2022-4-2 10:47:45
在JS API中组件-通用-通用事件中有TouchEvent事件,该事件的touches、changedTouches属性文档中有触摸点的位置等信息
画线其实就是以所有的细圆点为中心画圆,粗细就是线的粗
举报

李艳

2022-4-2 10:47:54
屏幕划线,使用触控触摸事件:触摸移动,在此对准屏幕中记录的x坐标点,然后根据中坐标线即可
举报

更多回帖

发帖
×
20
完善资料,
赚取积分