买专利卖专利找龙图腾，真高效！ 查专利查商标用IPTOP,全免费！专利年费监控用IP管家,真方便！

龙图腾网获悉江苏深瑞汇阳能源科技有限公司申请的专利一种基于Web端的图元实时数据绑定与动态渲染方法获国家发明授权专利权，本发明授权专利权由国家知识产权局授予，授权公告号为：CN119718294B 。

龙图腾网通过国家知识产权局官网在2025-09-16发布的发明授权授权公告中获悉：该发明授权的专利申请号/专利号为：202411762550.7，技术领域涉及：G06F8/34；该发明授权一种基于Web端的图元实时数据绑定与动态渲染方法是由王志伟;李晨光;李超;武育竹;王云飞;沈志峰;姚艳艳;汪政;程鹏;孙鹏;孟杰;王田进;王鸿洋设计研发完成，并于2024-12-03向国家知识产权局提交的专利申请。

本一种基于Web端的图元实时数据绑定与动态渲染方法在说明书摘要公布了：本发明公开了一种基于Web端的图元实时数据绑定与动态渲染方法，包括通过设置的编辑器提供基础图元，用户通过继承基础图形进行拓展，并且针对复杂图元提供转换器生成图元，通过拖拽将图元实例化到编辑区形成节点并进行连接，以JSON形式保存驱动编辑器的数据，初始化数据后，再通过计算位置信息将渲染的图适配容器大小，运行器解析JSON，提取节点配置的属性映射规则，建立数据源到节点规则信息的映射，数据源更新后通过规则匹配找到节点并更新规则中绑定的节点变量，使图成为动态的。本发明通过图形化界面简化了系统的配置和监控过程，使得非专业编程人员也能参与到自动化系统的设计和维护中。缩短了产品定制的开发周期，提高了产品的扩展性。

本发明授权一种基于Web端的图元实时数据绑定与动态渲染方法在权利要求书中公布了：1.一种基于Web端的图元实时数据绑定与动态渲染方法，其特征在于，包括以下步骤： S1、图元生成步骤： 通过设置的编辑器提供基础图元，用户通过继承基础图形进行拓展，并且针对复杂图元提供转换器生成图元，其生成步骤包括： 1将SVG素材导入设有的图元转换器； 2转换器对素材进行预处理，调用无头浏览器渲染并读取该素材实际的宽高，并用实际宽高重新设置SVG的viewBox，去除边缘空隙； 3将模版引擎变量字符串写入到SVG容器，以实现外部控制； 4读取处理后的SVG内容写入到模版文件中； 5读取编辑器图元注册模版，将图元名称以及SVG模版地址传入模版生成符合编辑器要求的图元文件，所述图元文件包括内置的多个通用参数，将生成的图元文件放到编辑器图元目录下，编辑器读取该目录下的文件并解析信息自动注册图元，同时编辑器拖拽面板将所有注册的图元渲染出来提供拖拽，其中每个图元为一个类，内部定义有属性变量，配置有属性变量对应的表单配置，渲染函数根据属性变量改变最终渲染样式； S2、节点配置步骤： 在完成图元初始化后，通过拖拽将图元实例化到编辑区形成节点并进行连接，每个节点单独配置，通过读取节点对应图元类的属性变量表单，节点的最终渲染形式由外部控制，所述属性变量除直接配置外还支持通过定义映射规则进行动态设置，通过添加规则将外部系统的值映射成节点的配置，对接外部接口将信息存储到节点内部以供设有的运行器读取用作业务功能，在完成配置后，以JSON形式保存驱动编辑器的数据，该数据包括节点对应图元的type、位置信息、配置的图元变量及映射规则以及存储的外部信息； S3、运行步骤： 运行器将图元注册进系统，使用获取到的编辑器保存的JSON数据进行初始化，通过计算位置信息将渲染的图适配容器大小，运行器解析JSON，提取节点配置的属性映射规则，建立数据源到节点规则信息的映射，数据源更新后通过规则匹配找到节点并更新规则中绑定的节点变量，使图成为动态的。

如需购买、转让、实施、许可或投资类似专利技术，可联系本专利的申请人或专利权人江苏深瑞汇阳能源科技有限公司，其通讯地址为：211100 江苏省南京市江宁开发区吉印大道2999号吉印产业创新园B1栋1-6层(江宁开发区)；或者联系龙图腾网官方客服，联系龙图腾网可拨打电话0551-65771310或微信搜索“龙图腾网”。