[发明专利]基于小程序的触控交互方法、装置、电子设备与存储介质

说明书

本申请公开了基于小程序的触控交互方法、装置、电子设备与存储介质，涉及小程序应用技术领域。具体实现方案为：若检测到用户触控嵌入在其他应用客户端的小程序的显示界面时，获取所述用户在所述小程序的显示界面上执行的触控位置；基于所述触控位置、预先获取到的所述小程序的显示界面中画图组件的位置以及所述画图组件绘制的各图形的顶点，检测所述用户的触控是否落入所述画图组件绘制的至少一个图形内；若是，基于所述至少一个图形中的目标图形、所述用户触控的手势信息和预设的交互配置，进行交互响应。本申请通过采用上述技术方案，能够弥补现有技术的不足，支持小程序的触控交互，丰富小程序的使用功能。

技术领域

本申请涉及计算机技术，尤其涉及一种小程序应用技术，具体涉及一种基于小程序的触控交互方法、装置、电子设备与存储介质。

背景技术

小程序是一种运行在移动终端的应用之上的一种轻量级的应用，不需要下载安装，扫码即可使用，使用方式非常方便。例如，现有的即时通讯应用中很多都嵌入有小程序，极大地方便了用户。

现有的小程序中，设置有画图组件，例如通常情况下可以通过Canvas画布来实现。其中Canvas画布提供了一个通过JavaScript和HTML的元素来绘制图形的方式，可以用于动画、游戏画面、数据可视化、图片编辑以及实时视频处理，如小程序地图相关的渲染就是使用的Canvas画布。但是Canvas本身只有绘制能力，完全没有任何交互，以及动画能力。传统的小程序端所使用的Canvas画布也仅仅是用来展示动画，但是这并没有办法实现用户与小程序的互动，做一些更深层次的交互。因此，亟需提供一种基于小程序的触控交互方案。

发明内容

本申请提供了一种基于小程序的触控交互方法、装置、电子设备与存储介质，用于弥补现有技术的不足，提供基于小程序的触控交互方案。

本申请提供一种基于小程序的触控交互方法，包括：

若检测到用户触控嵌入在其他应用客户端的小程序的显示界面时，获取所述用户在所述小程序的显示界面上执行的触控位置；

基于所述触控位置、预先获取到的所述小程序的显示界面中画图组件的位置以及所述画图组件绘制的各图形的顶点，检测所述用户的触控是否落入所述画图组件绘制的至少一个图形内；

若是，基于所述至少一个图形中的目标图形、所述用户触控的手势信息和预设的交互配置，进行交互响应。

进一步可选地，如上所述的方法中，基于所述触控位置、所述小程序的显示界面中画图组件的位置以及所述画图组件绘制的各图形的顶点，检测所述用户的触控是否落入所述画图组件绘制的至少一个图形内，包括：

基于所述触控位置和所述画图组件的位置，获取所述触控位置相对于所述画图组件的相对位置；

基于所述画图组件绘制的各所述图形的顶点，获取对应的所述图形的边界信息；

根据所述相对位置、各所述图形的顶点以及各所述图形的边界信息，检测所述用户的触控是否落在所述至少一个图形内。

进一步可选地，如上所述的方法中，根据所述相对位置、各所述图形的顶点以及各所述图形的边界信息，检测所述用户的触控是否落在所述至少一个图形内，包括：

对于各所述图形，根据所述相对位置和所述图形的边界信息，分析所述用户的触控是否疑似落在对应的所述图形内；

若是，进一步根据所述相对位置和对应的所述图形的顶点，检测所述用户的触控是否落入对应的所述图形内。

进一步可选地，如上所述的方法中，若检测到所述用户的触控落入所述画图组件绘制的所述至少两个图形内后，基于所述至少一个图形中的目标图形、所述用户触控的手势信息和预设的交互配置，进行交互响应之前，所述方法包括：