【技术实现步骤摘要】
本专利技术涉及图像处理，尤其涉及用于画布的超链接文本绘制方法、存储介质及装置。
技术介绍
1、目前，现有的使用@进行提及的应用用户界面，通常是博客论坛评论、聊天应用或社交媒体平台等，而2d画布可以用于创建图形、动画和游戏等视觉效果，它本身并不提供高级的文本处理的能力，不像普通的html元素，具有内置的文本编辑等功能，导致2d画布无法应用@提及功能。
技术实现思路
1、本专利技术所要解决的是2d画布无法应用@提及功能的问题，为了解决上述技术问题，本专利技术提供了用于画布的超链接文本绘制方法、存储介质及装置。
2、第一个方面，提供了一种用于画布的超链接文本绘制方法，包括：
3、创建用于编辑dom元素的文本编辑器，以及与json数据关联的图形模板；
4、注册画布文本事件处理程序，通过所述画布文本事件处理程序对画布中的画布文本进行监控，当所述画布文本被激活时，通过所述文本编辑器将所述画布文本中的json数据转换为可编辑的dom元素，并在所述画布的预设位置显示所述可编辑的dom元素；
5、注册键盘按下事件的监听器，通过所述键盘按下事件的监听器对用户的文本输入进行监控，当用户在所述画布文本中输入文本时，对所述画布文本中的超链接符号及关键字进行识别，并对识别内容进行展示；
6、当用户从展示的所述识别内容中选择识别结果后，将所述识别结果插入到所述可编辑的dom元素中；
7、注册画布文本事件处理程序，当所述画布文本失活时，通过所
8、通过所述图形模板和所述超链接文本的json数据绘制超链接文本。
9、在第一个方面的一种可能实现中，创建用于编辑dom元素的文本编辑器，具体包括：
10、将可编辑的dom元素作为文本编辑器替换掉gojs库的默认文本编辑器，得到用于编辑dom元素的文本编辑器。
11、在第一个方面的一种可能实现中，所述超链接符号为@。
12、在第一个方面的一种可能实现中，当用户在所述画布文本中输入文本时，对所述画布文本中的超链接符号及关键字进行识别，具体包括：
13、当用户在所述画布文本中输入文本时，对输入的文本的唯一字符代码进行识别，根据所述唯一字符代码判断用户输入的文本是否为@，当用户输入@时，通过接口动态获取与紧邻在@后面的关键字所属分类相关联的数据列表，得到识别内容。
14、在第一个方面的一种可能实现中，对识别内容进行展示，具体包括：
15、计算画布中的边界位置，根据所述边界位置和所述画布文本的位置确定显示框的位置，使所述显示框处于所述画布的边界内，在所述显示框中对所述数据列表进行展示。
16、在第一个方面的一种可能实现中，当所述画布文本失活时，通过所述画布文本事件处理程序解析插入有所述识别结果的可编辑的dom元素，根据解析结果生成对应的超链接文本的json数据，具体包括：
17、当所述画布文本失活时，所述画布文本事件处理程序通过ast语法树解析插入有所述识别结果的可编辑的dom元素，按照预设规则进行拆分，得到普通文本的json数据和超链接文本的json数据。
18、在第一个方面的一种可能实现中，还包括：
19、当所述超链接文本被激活时，禁用向上、向下、向左和向右的键盘按键，使鼠标的光标无法在关键词区域移动；
20、当用户进行删除操作时，将所述超链接文本整体删除；
21、当用户进行移动操作时，使所述鼠标的光标跨过所述超链接文本整体。
22、在第一个方面的一种可能实现中，当用户进行移动操作时，使所述鼠标的光标跨过所述超链接文本整体，具体包括：
23、使用input自闭合标签模拟所述超链接文本，从而当用户进行移动操作时，使所述鼠标的光标跨过所述超链接文本整体，并动态计算所述超链接文本的长度，并根据所述超链接文本的长度调整所述input自闭合标签的样式。
24、第二个方面，提供了一种存储介质，所述存储介质中存储有指令，当计算机读取所述指令时，使所述计算机执行如上述任意技术方案所述的用于画布的超链接文本绘制方法。
25、第三个方面，提供了一种用于画布的超链接文本绘制装置，包括：
26、存储器，用于存储计算机程序；
27、处理器，用于执行所述计算机程序，实现如上述任意技术方案所述的用于画布的超链接文本绘制方法。
28、本方案通过重写gojs库的默认文本编辑器，将可编辑的dom元素注入到画布中，通过文本编辑解析、数据重组和关键字提取，实现在画布中的超链接文本提及功能，可以提升绘图应用的交互性、数据关联性和协作性，为用户提供了快速引用和提及实体的能力，并通过自动化和智能提示等功能增加了用户体验的便利性和效率，对于需要在绘图应用中进行数据分析、可视化和协作的场景有很大的帮助。
29、本专利技术附加的方面的优点将在下面的描述中部分给出，部分将从下面的描述中变得明显，或通过本专利技术实践了解到。
本文档来自技高网...【技术保护点】
1.一种用于画布的超链接文本绘制方法，其特征在于，包括：
2.根据权利要求1所述的用于画布的超链接文本绘制方法，其特征在于，创建用于编辑DOM元素的文本编辑器，具体包括：
3.根据权利要求1或2所述的用于画布的超链接文本绘制方法，其特征在于，所述超链接符号为@。
4.根据权利要求3所述的用于画布的超链接文本绘制方法，其特征在于，当用户在所述画布文本中输入文本时，对所述画布文本中的超链接符号及关键字进行识别，具体包括：
5.根据权利要求4所述的用于画布的超链接文本绘制方法，其特征在于，对识别内容进行展示，具体包括：
6.根据权利要求1所述的用于画布的超链接文本绘制方法，其特征在于，当所述画布文本失活时，通过所述画布文本事件处理程序解析插入有所述识别结果的可编辑的DOM元素，根据解析结果生成对应的超链接文本的JSON数据，具体包括：
7.根据权利要求1所述的用于画布的超链接文本绘制方法，其特征在于，还包括：
8.根据权利要求7所述的用于画布的超链接文本绘制方法，其特征在于，当用户进行移动操作时，使所述
9.一种存储介质，其特征在于，所述存储介质中存储有指令，当计算机读取所述指令时，使所述计算机执行如权利要求1至8中任一项所述的用于画布的超链接文本绘制方法。
10.一种用于画布的超链接文本绘制装置，其特征在于，包括：
...【技术特征摘要】
1.一种用于画布的超链接文本绘制方法，其特征在于，包括：
2.根据权利要求1所述的用于画布的超链接文本绘制方法，其特征在于，创建用于编辑dom元素的文本编辑器，具体包括：
3.根据权利要求1或2所述的用于画布的超链接文本绘制方法，其特征在于，所述超链接符号为@。
4.根据权利要求3所述的用于画布的超链接文本绘制方法，其特征在于，当用户在所述画布文本中输入文本时，对所述画布文本中的超链接符号及关键字进行识别，具体包括：
5.根据权利要求4所述的用于画布的超链接文本绘制方法，其特征在于，对识别内容进行展示，具体包括：
6.根据权利要求1所述的用于画布的超链接文本绘制方法，其特征...
【专利技术属性】
技术研发人员：吴娜，李百成，白靖，陈傲寒，李鉴，纪志强，
申请(专利权)人：北京优锘科技股份有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。