CN109885301B - 一种可缩放矢量图形的生成方法、装置、存储介质和设备 - Google Patents
一种可缩放矢量图形的生成方法、装置、存储介质和设备 Download PDFInfo
- Publication number
- CN109885301B CN109885301B CN201910054106.2A CN201910054106A CN109885301B CN 109885301 B CN109885301 B CN 109885301B CN 201910054106 A CN201910054106 A CN 201910054106A CN 109885301 B CN109885301 B CN 109885301B
- Authority
- CN
- China
- Prior art keywords
- data
- svg
- text
- feature data
- bearing
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Landscapes
- User Interface Of Digital Computer (AREA)
- Image Generation (AREA)
Abstract
本发明涉及一种可缩放矢量图形的生成方法、装置、存储介质和设备,目的在于在桌面客户端/软件中嵌入HTML文档,并在所述HTML文档中绘制SVG图形并示出。本申请提供了一种可缩放矢量图形的生成方法,所述方法包括:WebBrowser控件获取特征数据,并将所述特征数据打包成可交换的数据格式;绘图脚本接收已经打包完成的所述特征数据,并在承载文本中绘制所述SVG图形;所述WebBrowser控件调用并加载所述承载文本以在所述WebBrowser控件的显示部件展示所述SVG图形。
Description
技术领域
本发明涉及图形生成领域,具体地涉及一种可缩放矢量图形的生成方法、装置、存储介质和设备。
背景技术
SVG图形(Scalable Vector Graphics),又称为可缩放矢量图形,是基于可扩展标记语言(XML),用于描述二维矢量图形的一种图形格式。SVG是W3C("World Wide WebConsortium"即"国际互联网标准组织")在2000年8月制定的一种新的二维矢量图形格式,也是规范中的网络矢量图形标准。SVG严格遵从XML语法,并用文本格式的描述性语言来描述图像内容,因此是一种与图像分辨率无关的矢量图形格式。SVG图形具有可通过编写代码进行绘制、可通过文字处理工具进行查看以及在被任意缩放的情况下仍能保持原有的清晰度和图像细节等优点,因而获得了越来越广泛的应用。
在传统的带有可视化界面的桌面客户端/软件中,要想在可视化界面中进行图形展示,通常采用的做法是程序开发人员直接利用编程语言进行绘制,以生成向用户展示的图形,但受制于编程语言的功能性,开发人员不得不花费较多的时间进行图形显示效果的设计,而且绘制并生成图形过程较为复杂,最后生成的图形呈现效果并不理想,这使得软件开发效率较为低下。
发明内容
本发明提供一种可缩放矢量图形的生成方法、装置、存储介质和设备,旨在克服现有技术的不足。
根据本申请实施例的第一方面,提供了一种可缩放矢量图形的生成方法,所述方法包括:
WebBrowser控件获取特征数据,并将所述特征数据打包成可交换的数据格式,其中,所述特征数据是表征SVG图形的图形特征的数据;
绘图脚本接收已经打包完成的所述特征数据,并在承载文本中绘制所述SVG图形,其中,所述承载文本是用于承载所述SVG图形的超文本;
所述WebBrowser控件调用并加载所述承载文本以在所述WebBrowser控件的显示部件展示所述SVG图形。
可选地,所述WebBrowser控件获取特征数据,包括:
数据访问模块访问数据库提取原始数据,其中,所述原始数据是包含生成所述SVG图形的元素的数据;
数据处理模块将所述原始数据按照预设的分类规则进行分类整理,以输出所述特征数据;
所述数据处理模块将所述特征数据发送给所述WebBrowser控件;
所述WebBrowser控件接收所述特征数据。
可选地,还包括:
所述WebBrowser控件为所述承载文本配置链接地址;
所述WebBrowser控件的调用并加载所述承载文本以在所述WebBrowser控件的显示部件展示所述SVG图形,包括:
所述WebBrowser控件读取所述链接地址,以获取访问所述承载文本的访问路径;
所述WebBrowser控件通过所述访问路径访问所述承载文本,调用所述承载文本,并在所述显示部件中加载所述承载文本以展示所述SVG图形。
可选地,将所述特征数据打包成可交换的数据格式,包括:
将所述特征数据打包成JSON格式。
可选地,所述绘图脚本是采用D3.JS数据可视化库编写的JS绘图脚本。
根据本申请实施例的第二方面,提供了一种可缩放矢量图形的生成装置,所述装置包括:
WebBrowser控件和绘图脚本;
其中,所述WebBrowser控件包括获取部件和显示部件;
所述获取部件用于获取特征数据,并将所述特征数据打包成可交换的数据格式,其中,所述特征数据是表征SVG图形的图形特征的数据;
所述绘图脚本用于接收已经打包完成的所述特征数据,并在承载文本中绘制所述SVG图形,其中,所述承载文本是用于承载所述SVG图形的超文本;
所述显示部件用于调用并加载所述承载文本以在所述WebBrowser控件的显示部件展示所述SVG图形。
可选地,还包括:
数据访问模块,用于访问数据库提取原始数据,其中,所述原始数据是包含生成所述SVG图形的元素的数据;
数据处理模块,用于将所述原始数据按照预设的分类规则进行分类整理得到所述特征数据,并发送所述特征数据;
所述WebBrowser控件的获取部件被配置为接收所述特征数据。
可选地,所述WebBrowser控件还包括:
配置部件,用于为所述承载文本配置链接地址;
所述显示部件被配置为读取所述链接地址,以获取访问所述承载文本的访问路径,并通过所述访问路径访问所述承载文本,调用所述承载文本,并在所述显示部件中加载所述承载文本以展示所述SVG图形。
可选地,所述WebBrowser控件将所述特征数据打包成可交换的数据格式为JSON格式。
可选地,所述绘图脚本是采用D3.JS数据可视化库编写的JS绘图脚本。
根据本申请实施例的第三方面,提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现如本申请实施例第一方面所述的方法中的步骤。
根据本申请实施例的第四方面,提供了一种电子设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行时实现如本申请实施例第一方面所述的方法中的步骤。
在桌面客户端/软件的可视化界面开发时,通过WebBrowser控件获取特征数据,并将特征数据打包成可交换格式,接着绘图脚本接收该特征数据并在承载文本中绘制出需要向用户展示的SVG图形,最后WebBrowser控件的显示部件调用并加载已经包含绘制完成的SVG图形的承载页面,从而在桌面客户端/软件的可视化界面的窗口中示出SVG图形,向用户展示。采用这种方法使得程序开发人员不再需要直接用编程语言绘制图形,不再需要耗时费力去进行图形显示效果的设计,在一定程度上减少了开发人员大量的工作量,且SVG图形因其本身的优点,使得展示效果也较为理想,从而有效地提高了软件的开发效率。
附图说明
图1是本申请一实施例提供的一种可缩放矢量图形的生成方法的流程图;
图2是本申请根据一实施例提供的可缩放矢量图形的生成方法生成的饼状图样式的SVG图形的展示效果图;
图3是本申请根据一实施例提供的可缩放矢量图形的生成方法生成的柱状图样式的SVG图形的展示效果图;
图4是本申请根据一实施例提供的可缩放矢量图形的生成方法生成的饼状图样式的SVG图形的交互状态图;
图5是本申请根据一实施例提供的可缩放矢量图形的生成方法生成的柱状图样式的SVG图形的交互状态图;
图6是本申请一实施例提供的另一种可缩放矢量图形的生成方法中步骤S101的流程图;
图7是本申请一实施例提供的再一种可缩放矢量图形的生成方法的流程图;
图8是本申请一实施例提供的一种可缩放矢量图形的生成装置的示意图。
具体实施方式
下文描述了本发明的具体实施方式,该实施方式为示意性的,旨在揭示本发明的具体工作过程,不能理解为对权利要求的保护范围的进一步限定。
桌面客户端/软件的可视化界面常用开发平台有WinForm或WPF,其中WinForm是微软公司推出的基于Windows操作系统的应用程式开发的平台,以.NET Framework为基础;随后,微软公司又推出了WPF(Windows Presentation Foundation),也是基于Windows操作系统的应用程式开发的平台,以.NET Framework 3.0为基础。两个开发平台均可以采用微软公司发布的面向对象的、运行于.NET Framework之上的C#高级程序设计语言进行开发工作。
本公开提供一种可缩放矢量图形的生成方法,适用于在WinForm或WPF开发平台上使用C#语言开发桌面客户端/软件的可视化界面,如图1所示,包括以下步骤:
S101,WebBrowser控件获取特征数据,并将所述特征数据打包成可交换的数据格式,其中,所述特征数据是表征SVG图形的图形特征的数据。
在一种可能的实施方式中,将所述特征数据打包成可交换的数据格式,包括:
将所述特征数据打包成JSON格式。
在一示例性的实施例中,在使用WinForm或者WPF编写桌面软件时,首先需要从数据库中获取到用于表征SVG图形的图形特征的特征数据。例如是为了统计某用户在一段时间内接收到的消息类型以及占比的统计信息,其中消息类型例如是包括:“文字”、“图片”、“声音”和“视频”中的任意一种或多种,当然也不排除可以是其他类型的消息。在本实施例中仅以所述消息类型包括“文字”、“图片”和“视频”三种类型的消息进行说明。假设某用户在一段时间内接收到的“文字”消息合计52条,占比为43.70%;“图片”消息合计42条,占比为35.29%;“视频”消息合计25条,占比为21.01%;这些数据就是用于表征预生成的SVG图形的特征数据。随后,调用WebBrowser控件,将以上数据打包成可交换的数据格式,例如是JSON格式,参见如下:
上述示例是将用于生成饼状图样式的SVG图形的特征数据打包成JSON数据格式。
或者是:
上述示例是将用于生成柱状图样式的SVG图形的特征数据打包成JSON数据格式。
本领域技术人员很容易想到又或者是生成其他类型的图形样式的SVG图形,例如是折线图,在此不再一一举例进行详述其特征数据的打包格式,只是需要注意的是,在生成不同图形样式的SVG图形时,特征数据打包时“图形类别”的选择,例如是“饼状图”选择“Pie”、是“柱状图”选择“Histogram”。
S102,绘图脚本接收已经打包完成的所述特征数据,并在承载文本中绘制所述SVG图形,其中,所述承载文本是用于承载所述SVG图形的超文本。
在一种可能的实施方式中,所述绘图脚本是采用D3.JS数据可视化库编写的JS绘图脚本。
在一示例性的实施例中,其中,绘图脚本是采用D3.JS数据可视化库编写的JS绘图脚本。其中,D3.JS是一个第三方的专用于数据可视化的JavaScript库,提供了创建数据可视化的强大工具和灵活性,使用SVG、HTML和CSS在Web页面中生成动态的交互式数据可视化,能够轻易实现效果丰富且有一定互动效果的SVG图形。将绘图脚本也编码设计成可以接收JSON格式的数据的状态,WebBrowser控件将上述打包成JSON格式的特征数据通过底层的InvokeScript()方法传递给绘图脚本,由WebBrowser控件执行在指定的HTML文档(即承载文本)中定义所述绘图脚本的参数,以使所述绘图脚本在所述承载文本中绘制生成所述SVG图形,生成的SVG图形例如是饼状图,参见图2;或者是生成柱状图,参见图3;又或者是折线图等,本领域技术人员很容易联想到,未再附图示出。
请继续参阅图1,S103,所述WebBrowser控件的调用并加载所述承载文本以在所述WebBrowser控件的显示部件展示所述SVG图形。
在一示例性的实施例中,所述WebBrowser控件通过传递特征数据时定义的HTML地址,调用所述HTML页面,即包含已经生成SVG图形的承载文本,并在显示部件中示出上述的饼状图、柱状图和/或折线图形式的SVG图形。若该承载页面中只包含所述SVG图形,在所述显示部件中将只示出所述SVG图形。若所述承载页面不仅包含所述SVG图形,还包含其他信息,在示出所述SVG图形时,将一并示出。
以上方法有效地实现了在桌面客户端/软件中嵌入HTML文档,并利用该文档示出SVG图形。借助于JavaScript代码本身的功能性优点,用户可以与示出的SVG图形进行一些简单的交互,例如是,请结合参阅2和图4,或者结合参阅图3和图5,当鼠标指针划过或悬停于绘制好的呈饼状或柱状的SVG图形中的图块时,可以示出更多信息、该图块相对于其他剩余图块处于高亮状态和/或该图块变色等其他交互操作。这些交互操作效果在传统的桌面客户端/软件中很难实现,基于这些优良的交互操作有利于提高用户体验。
在桌面客户端/软件的可视化界面开发时,通过WebBrowser控件获取特征数据,并将特征数据打包成可交换格式,接着绘图脚本接收该特征数据并在承载文本中绘制出需要向用户展示的SVG图形,最后WebBrowser控件的显示部件调用并加载已经包含绘制完成的SVG图形的承载页面,从而在桌面客户端/软件的可视化界面的窗口中示出SVG图形,向用户展示。采用这种方法使得程序开发人员不再需要直接用编程语言绘制图形,不再需要耗时费力去进行图形显示效果的设计,借助WebBrowser控件能够调用HTML文档的便利性在桌面客户端/软件中快速高效地绘制效果丰富的SVG图形,因SVG图形其本身的优点,使得展示效果也更为理想,在一定程度上也减少了开发人员大量的工作量,从而有效地提高了软件的开发效率。
如图6所示,步骤S101,所述WebBrowser控件获取特征数据,包括:
S1011,数据访问模块访问数据库提取原始数据,其中,所述原始数据是包含生成所述SVG图形的元素的数据;
S1012,数据处理模块将所述原始数据按照预设的分类规则进行分类整理,以输出所述特征数据;
S1013,所述数据处理模块将所述特征数据发送给所述WebBrowser控件;
S1014,所述WebBrowser控件接收所述特征数据。
在一示例性的实施例中,数据访问模块(或称作数据访问层,英文全称DataAccess Layer,常缩写为DAL)与数据库建立连接,并查询数据库中的数据表,查询与预生成的所述SVG图形相关的所有的元素数据。例如是查询到用户在一定时间内接收到的消息,合计155条,包括52条“文字”消息、42条“图片”消息、36条“声音”消息和25条“视频”消息。然后读取出所有的与预生成的所述SVG图形相关的元素数据以得到原始数据,例如是需要绘制出一段时间内用户接收到的某些消息类型的统计图,则在本实施例中,所述原始数据即以上155条消息。然后数据访问模块再将上述得到的原始数据传递给数据处理模块,数据处理模块对所述原始数据按照预设的分类规则进行分类整理,例如是需要生成“文字”消息、“图片”消息和“视频”消息这三种消息的各自占比的统计图,提取出52条“文字”消息、42条“图片”消息、和25条“视频”消息,合计119条,并计算得知“文字”消息占比为43.70%,“图片”消息占比为35.29%,“视频”消息占比为21.01%,并使得各类消息与所对应的条数和占比建立映射关系,以生成特征数据,之后数据处理模块再将所述特征数据转发给WebBrowser控件。
如图7所示,所述可缩放矢量图形的生成方法还包括:
S1015,所述WebBrowser控件为所述承载文本配置链接地址。
在一示例性的实施例中,WebBrowser控件在将打包成JSON格式的特征数据发送给绘图脚本时,利用Navigate()方法定义某一HTML文档(超文本)的HTML地址(链接地址),使得该超文本被指定为所述承载文本,以用于绘制生成所述SVG图形。
相应地,步骤S103,所述WebBrowser控件的调用并加载所述承载文本以在所述WebBrowser控件的显示部件展示所述SVG图形,包括:
S1031,所述WebBrowser控件读取所述链接地址,以获取访问所述承载文本的访问路径;
S1032,所述WebBrowser控件通过所述访问路径访问所述承载文本,调用所述承载文本,并在所述显示部件中加载所述承载文本以展示所述SVG图形。
在一示例性的实施例中,当所述SVG图形在所述承载文本中绘制完成后,WebBrowser控件读取读取前述Navigate()方法定义的HTML地址,从而得到访问路径,WebBrowser控件通过该访问路径访问已经包含有SVG图形的HTML文档,调用该HTML文档,并在WebBrowser控件的显示部件中加载该HTML文档,从而在显示部件中示出用SVG图形表示的用户接收到的消息类型的占比的统计图形,可参阅图2和图3。若该承载页面中只包含所述SVG图形,在所述显示部件中将只示出所述SVG图形。若所述承载页面不仅包含所述SVG图形,还包含其他信息,在示出所述SVG图形时,将一并示出。
本公开还提供一种可缩放矢量图形的生成装置,如图8所示,包括:
WebBrowser控件204和绘图脚本205;图8中,以D3.JS绘图脚本为例。
其中,所述WebBrowser控件204包括获取部件2041和显示部件2043;
所述获取部件2041用于获取特征数据,并将所述特征数据打包成可交换的数据格式,其中,所述特征数据是表征SVG图形的图形特征的数据;
所述绘图脚本205用于接收已经打包完成的所述特征数据,并在承载文本206中绘制所述SVG图形,其中,所述承载文本206是用于承载所述SVG图形的超文本;
所述显示部件2043用于调用并加载所述承载文本206以在所述WebBrowser控件204的显示部件2043展示所述SVG图形。
可选地,所述生成装置还包括:
数据访问模块202,用于访问数据库201提取原始数据,其中,所述原始数据是包含生成所述SVG图形的元素的数据;
数据处理模块203,用于将所述原始数据按照预设的分类规则进行分类整理得到所述特征数据,并发送所述特征数据;
所述WebBrowser控件204的获取部件2041被配置为接收所述特征数据。
可选地,所述WebBrowser控件204还包括:
配置部件2042,用于为所述承载文本206配置链接地址;
所述显示部件2043读取所述链接地址,以获取访问所述承载文本206的访问路径,并通过所述访问路径访问所述承载文本206,调用所述承载文本206,并在所述显示部件2043中加载所述承载文本206以展示所述SVG图形。
可选地,所述WebBrowser控件204将所述特征数据打包成可交换的数据格式为JSON格式。
可选地,所述绘图脚本205是采用D3.JS数据可视化库编写的JS绘图脚本。
可选地,所述生成装置还包括其他功能模块,以适应于不同桌面客户端/软件的使用环境。例如是,功能A模块207为系统管理模块、功能B模块208组织架构配置模块、功能C模块209用户权限配置模块等其他的功能模块,根据需要而进行配置。
本公开还提供一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现如本申请上述任一实施例所述的方法中的步骤。
本公开还提供一种电子设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行时实现如本申请上述任一实施例所述的方法中的步骤。
对于装置实施例而言,由于其与方法实施例基本相似,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
本说明书中的各个实施例均采用递进的方式描述,每个实施例重点说明的都是与其他实施例的不同之处,各个实施例之间相同相似的部分互相参见即可。
本领域内的技术人员应明白,本发明实施例的实施例可提供为方法、装置、或计算机程序产品。因此,本发明实施例可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本发明实施例可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本发明实施例是参照根据本发明实施例的方法、终端设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理终端设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理终端设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理终端设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理终端设备上,使得在计算机或其他可编程终端设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程终端设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
在此处所提供的说明书中,说明了大量具体细节。然而,能够理解,本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中,并未详细示出公知的方法、结构和技术,以便不模糊对本说明书的理解。
类似地,应当理解,为了精简本公开并帮助理解各个发明方面中的一个或多个,在上面对本发明的示例性实施例的描述中,本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而,并不应将该公开的方法解释成反映如下意图:即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说,如下面的权利要求书所反映的那样,发明方面在于少于前面公开的单个实施例的所有特征。因此,遵循具体实施方式的权利要求书由此明确地并入该具体实施方式,其中每个权利要求本身都作为本发明的单独实施例。
本领域那些技术人员可以理解,可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件,以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外,可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述,本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。
此外,本领域的技术人员能够理解,尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征,但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如,在下面的权利要求书中,所要求保护的实施例的任意之一都可以以任意的组合方式来使用。
应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制,并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中,不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中,这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。
Claims (8)
1.一种可缩放矢量图形的生成方法,其特征在于,包括:
WebBrowser控件获取特征数据,并将所述特征数据打包成可交换的数据格式,其中,所述特征数据是表征SVG图形的图形特征的数据,具体包括:提取原始数据,按照预设分类规则进行分类,统计预设时间段内消息类型和时间占比,并使得各类信息与所对应条数和占比建立映射关系,以生成所述特征数据;
绘图脚本接收已经打包完成的所述特征数据,并在承载文本中绘制所述SVG图形,其中,所述承载文本是用于承载所述SVG图形的超文本;
所述WebBrowser控件为所述承载文本配置链接地址;
所述WebBrowser控件调用并加载所述承载文本以在所述WebBrowser控件的显示部件展示所述SVG图形,包括:
所述WebBrowser控件读取所述链接地址,以获取访问所述承载文本的访问路径;
所述WebBrowser控件通过所述访问路径访问所述承载文本,调用所述承载文本,并在所述显示部件中加载所述承载文本以展示所述SVG图形。
2.根据权利要求1所述的生成方法,其特征在于,所述WebBrowser控件获取特征数据,包括:
数据访问模块访问数据库提取原始数据,其中,所述原始数据是包含生成所述SVG图形的元素的数据;
数据处理模块将所述原始数据按照预设的分类规则进行分类整理,以输出所述特征数据;
所述数据处理模块将所述特征数据发送给所述WebBrowser控件;
所述WebBrowser控件接收所述特征数据。
3.根据权利要求1、或2所述的生成方法,其特征在于,将所述特征数据打包成可交换的数据格式,包括:
将所述特征数据打包成JSON格式。
4.根据权利要求1、或2所述的生成方法,其特征在于,所述绘图脚本是采用D3.JS数据可视化库编写的JS绘图脚本。
5.一种可缩放矢量图形的生成装置,其特征在于,包括:
WebBrowser控件和绘图脚本;
其中,所述WebBrowser控件包括获取部件、显示部件和配置部件;
所述获取部件用于获取特征数据,并将所述特征数据打包成可交换的数据格式,其中,所述特征数据是表征SVG图形的图形特征的数据,具体包括:提取原始数据,按照预设分类规则进行分类,统计预设时间段内消息类型和时间占比,并使得各类信息与所对应条数和占比建立映射关系,以生成所述特征数据;
所述绘图脚本用于接收已经打包完成的所述特征数据,并在承载文本中绘制所述SVG图形,其中,所述承载文本是用于承载所述SVG图形的超文本;
所述显示部件用于调用并加载所述承载文本以在所述WebBrowser控件的显示部件展示所述SVG图形;
所述配置部件,用于为所述承载文本配置链接地址;所述显示部件被配置为读取所述链接地址,以获取访问所述承载文本的访问路径,并通过所述访问路径访问所述承载文本,调用所述承载文本,并在所述显示部件中加载所述承载文本以展示所述SVG图形。
6.根据权利要求5所述的生成装置,其特征在于,还包括:
数据访问模块,用于访问数据库提取原始数据,其中,所述原始数据是包含生成所述SVG图形的元素的数据;
数据处理模块,用于将所述原始数据按照预设的分类规则进行分类整理得到所述特征数据,并发送所述特征数据;
所述WebBrowser控件的获取部件被配置为接收所述特征数据。
7.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,该程序被处理器执行时实现如权利要求1-4任一所述的方法中的步骤。
8.一种电子设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,其特征在于,所述处理器执行时实现如权利要求1-4任一所述的方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910054106.2A CN109885301B (zh) | 2019-01-21 | 2019-01-21 | 一种可缩放矢量图形的生成方法、装置、存储介质和设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910054106.2A CN109885301B (zh) | 2019-01-21 | 2019-01-21 | 一种可缩放矢量图形的生成方法、装置、存储介质和设备 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN109885301A CN109885301A (zh) | 2019-06-14 |
CN109885301B true CN109885301B (zh) | 2022-04-08 |
Family
ID=66926377
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910054106.2A Active CN109885301B (zh) | 2019-01-21 | 2019-01-21 | 一种可缩放矢量图形的生成方法、装置、存储介质和设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109885301B (zh) |
Families Citing this family (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110276038A (zh) * | 2019-06-27 | 2019-09-24 | 中国石油集团东方地球物理勘探有限责任公司 | 一种数据处理方法 |
CN110662105A (zh) * | 2019-10-16 | 2020-01-07 | 广州华多网络科技有限公司 | 动画文件的生成方法、装置及存储介质 |
CN110764842A (zh) * | 2019-10-17 | 2020-02-07 | 山东浪潮商用系统有限公司 | 一种java后台自动生成分析图并载入文档的方法 |
CN111708814A (zh) * | 2020-04-27 | 2020-09-25 | 广东电网有限责任公司东莞供电局 | 一种数据统计方法、装置、设备和介质 |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103617641A (zh) * | 2013-12-19 | 2014-03-05 | 国家电网公司 | 一种基于Android系统的电力设备SVG图符渲染方法 |
CN105427353A (zh) * | 2015-11-12 | 2016-03-23 | 小米科技有限责任公司 | 可缩放矢量图形的压缩、绘制方法及装置 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103678341A (zh) * | 2012-09-07 | 2014-03-26 | 鸿富锦精密工业(深圳)有限公司 | 数据库交互系统及方法 |
-
2019
- 2019-01-21 CN CN201910054106.2A patent/CN109885301B/zh active Active
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103617641A (zh) * | 2013-12-19 | 2014-03-05 | 国家电网公司 | 一种基于Android系统的电力设备SVG图符渲染方法 |
CN105427353A (zh) * | 2015-11-12 | 2016-03-23 | 小米科技有限责任公司 | 可缩放矢量图形的压缩、绘制方法及装置 |
Non-Patent Citations (2)
Title |
---|
基于D3.js的数据可视化系统框架设计与实现;权鑫;《CNKI》;20170215;全文 * |
基于HTML5和SVG跨平台工控图形组态软件的研发;徐鑫鑫;《CNKI》;20160315;全文 * |
Also Published As
Publication number | Publication date |
---|---|
CN109885301A (zh) | 2019-06-14 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109885301B (zh) | 一种可缩放矢量图形的生成方法、装置、存储介质和设备 | |
JP7354294B2 (ja) | 階層流動コンポーネントおよび動的レイアウトを統合した応答編集および表示を提供するシステムおよび方法 | |
CN108984714B (zh) | 页面渲染方法、装置、电子设备及计算机可读介质 | |
CN111611518B (zh) | 基于Html5的可视化展示页面自动发布方法及系统 | |
US9430195B1 (en) | Dynamic server graphics | |
US7451393B1 (en) | System and method for a page rendering framework | |
US9916388B2 (en) | Simplified website creation, configuration, and customization system | |
CN110780868A (zh) | 基于组件化模板的网站开发方法、装置、设备和存储介质 | |
CA2845174A1 (en) | Interactive survey system | |
WO2022048141A1 (zh) | 一种图像处理方法及装置、计算机可读存储介质 | |
US9720890B2 (en) | System and method for rendering an assessment item | |
CN109271160A (zh) | 活动规则组建方法、装置和计算机系统、介质 | |
CN111258578A (zh) | 实现设备模板图元的方法 | |
CN112711731A (zh) | 数据埋点方法、装置、设备及存储介质 | |
CN113127410A (zh) | 一种ppt文件格式转换的方法和系统 | |
CN111563369A (zh) | 一种屏幕可视化方法、装置、电子设备及介质 | |
CN112445949A (zh) | 一种组态式可视化展示方法、装置及系统 | |
US11843679B2 (en) | Automated dependency management based on page components | |
US20180130240A1 (en) | Displaying visualization images on portable electronic device | |
CN117251231B (zh) | 一种动画资源处理方法、装置、系统及电子设备 | |
CN111367515B (zh) | 页面卡片的开发方法、装置、计算设备和存储介质 | |
CN117290628A (zh) | 一种表单控件的统一定义方法及电子设备 | |
CN117421002A (zh) | 仓储物流应用软件中业务功能界面的开发方法、装置 | |
CN115469870A (zh) | 文件在线处理的方法、装置、电子设备及介质 | |
CN118466944A (zh) | 头部导航栏的生成方法、装置、存储介质及终端设备 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |