一种基于数字孪生的超文本标记标签显示方法技术

本发明专利技术提供一种基于数字孪生的超文本标记标签显示方法，将页面中的超文本标记标签存储为标签对象，在页面渲染时将超文本标记标签映射进三维场景中，对超文本标记标签可以实现数据绑定与更新，在创建标签时为超文本标记标签添加DOM事件，比如鼠标点击标签生成页面弹窗效果；也可与页面中其他元素实现联动，使得三维场景的使用场景更加灵活，显示和操作更加直观，进一步提升模型的交互性与可操作性。进一步提升模型的交互性与可操作性。进一步提升模型的交互性与可操作性。

【技术实现步骤摘要】
一种基于数字孪生的超文本标记标签显示方法


[0001]本专利技术涉及三维可视化
，具体涉及一种基于数字孪生的超文本标记标签显示方法。

技术介绍

[0002]随着信息技术的快速发展，三维场景的使用更加广泛，它可以让我们更直观立体的感受模型，但局限于建模的复杂性与模型唯一性，使得其使用场景受限，只能做静态数据及模型的展示；超文本标记标签是使用在页面中一种可通过CSS灵活设置样式，通过JS灵活绑定鼠标事件，可适应各种不同场景及需求的页面元素；
[0003]目前通过WebGL创建文本的方式比较复杂；创建的模型也只能是多种立方体拼接，改变其材质，样式较为单一；在实际使用中成本较高且操作难度较大。

技术实现思路

[0004]有鉴于此，本专利技术提供一种基于数字孪生的超文本标记标签显示方法，将页面中的超文本标记标签存储为标签对象，在页面渲染时将超文本标记标签映射进三维场景中，对超文本标记标签可以实现数据绑定与更新，在创建标签时为超文本标记标签添加DOM事件，比如鼠标点击标签生成页面弹窗效果；也可与页面中其他元素实现联动，使得三维本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种基于数字孪生的超文本标记标签显示方法，其特征在于：包括如下步骤：1)创建三维场景；2)通过WebGL将三维场景加载进入页面中进行模型渲染与展示；3)在模型加载成功后，创建超文本标记标签，通过CSS给超文本标记标签设置自定义样式与动画效果；4)通过JS为超文本标记标签的绑定DOM事件；5)将超文本标记标签添加至模型对象，用户传入想让超文本标记标签所在的三维场景世界坐标点或三维场景中的模型，获取模型的世界坐标点位信息，得到需要放置标签的场景世界坐标系中的某一点，通过多次转换，将三维世界坐标系中的某一点转换为对应的三维屏幕坐标系中的某一点，并在每次渲染时重新计算三维屏幕坐标系并赋值给超文本标记标签，使得标签始终处于三维场景中世界坐标系中的某一点。2.如权利要求1所述的基于数字孪生的超文本标记标签显示方法，其特征在于：步骤1)中，场景中名称可提前设置为有规律的名称，后续可通过正则选取模型对象，批量为模型添加标签模型对象。3.如权利要求1所述的基于数字孪生的超文本标记标签显示方法，其特征在于：步骤3)中，样式数据通过参数接收。4.如权利要求1所述的基于数字孪生的超文本标记标签显示方法，其特征在于：步骤4...

【专利技术属性】
技术研发人员：朱娇，管永权，胡玮，高鹏，
申请(专利权)人：西安塔力科技有限公司，
类型：发明
国别省市：