CN104346170A - 一种基于画布Canvas的拓扑图生成方法及装置 - Google Patents
一种基于画布Canvas的拓扑图生成方法及装置 Download PDFInfo
- Publication number
- CN104346170A CN104346170A CN201410546454.9A CN201410546454A CN104346170A CN 104346170 A CN104346170 A CN 104346170A CN 201410546454 A CN201410546454 A CN 201410546454A CN 104346170 A CN104346170 A CN 104346170A
- Authority
- CN
- China
- Prior art keywords
- pel
- tree
- attribute
- layout structure
- canvas
- 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.)
- Pending
Links
Abstract
本发明提出了一种基于画布Canvas的拓扑图生成方法及装置，该方法和装置包括：使用舞台生成器，根据所述Canvas的属性及其特点生成可供图层和图元存在的舞台环境；并基于该舞台环境制造一个或多个承载图元的图形基本容器；该图元放置在图元树中，可被拖动到所述图形基本容器中的任意位置；使用布局结构控制器控制图形基本容器中拓扑图的结构，使图元按照一定的顺序排列和组合；并设置图元的图元属性。通过本发明的方案，有效地解决了插件不兼容的问题，并且开发方式更简单。
Description
技术领域
本发明涉及计算机软件领域，尤其涉及一种基于画布Canvas的拓扑图生成方法及装置。
背景技术
在超文本标记语言HTML5出现以后，Canvas得到了极大的发展。HTML5的画布Canvas元素使用解释型语言Javascript在网页上绘制图像。在Canvas出现之前，图形的生成基本都是依赖于图片或者使用Flash。然而使用图片的方式及其复杂且很难实现交互，图片大都以静态的方式展现；而Flash虽然美观，但Flash是使用的另一种语言生成的，在HTML中使用的话，需要单独加载并且效率底下，若不支持Flash则无法在网页上查看图形。目前，Canvas标签被很多工程师认为是HTML5最伟大的改进之一，因为它可以让我们在不使用图片的情况下实现网页的图形设计。Canvas元素是为了客户端点阵图形而设计的，它自己没有行为能力，但却把一个绘图API展现给客户端JavaScript以使脚本能够把想绘制的东西都绘制到一块画布上。Canvas标记由苹果Apple在浏览器Safari 1.3网页Web浏览器中引入。对HTML的这一根本扩展的原因在于，HTML在Safari中的绘图能力也为麦金塔Mac OS X桌面的仪表板Dashboard组件所使用，并且Apple希望有一种方式在Dashboard中支持脚本化的图形。火狐Firefox 1.5和欧鹏Opera 9都跟随了Safari的引领，这两个浏览器都支持Canvas标记。现在我们甚至可以在网络浏览器IE中使用Canvas标记，并在IE的矢量可标记语言VML支持的基础上用开源的JavaScript代码(由谷歌Google发起)来构建兼容性的画布。Canvas的标准化的努力由一个Web浏览器厂商的非正式协会在推进，目前Canvas已经成为HTML5草案中一个正式的标签。
拓扑图的实现方式多样，目前，在浏览器中使用拓扑图大都是基于各种应用插件或者基于闪存Flash，纯使用Javascript开发的非常稀少。如果可以使用Javascript开发拓扑图，就可以使得拓扑图更加流畅和通用，不必再限制于插件或者语言，基于Javascript开发拓扑图还可以简化开发语言，只使用Javascript便可以完成开发，而且从编译上还是应用上都可极大的提高效率。目前基于Javascript开发的拓扑图已经有了一些开发，但都不能有效解决插件不兼容的问题，并且开发方式不够简单。
发明内容
为了解决上述问题，本发明提出了一种基于画布Canvas的拓扑图生成方法及装置，解决了插件不兼容的问题，并且开发方式更简单。
为了达到上述目的，本发明提出了一种基于画布Canvas的拓扑图生成方法，所述方法包括：
使用舞台生成器，根据所述Canvas的属性及其特点生成可供图层和图元存在的舞台环境。
基于所述舞台环境，制造一个或多个图形基本容器，承载所述拓扑图所需的图元。
使用布局结构控制器控制所述图形基本容器中所述拓扑图的结构，使得预先拖动到所述图形基本容器中的图元按照一定的顺序排列和组合。
设置所述图元的图元属性。
优选地，所述图元被拖动前放置在图元树中，所述图元树的结构具有层次性和逻辑性，同一类别的图元放在所述图元树的同一层中，所述图元树有父子关系，子类图元放置在父类图元下。
优选地，所述图元树使用解释型语言Javascript的树插件定义所述图元树的结构，所述插件为任何支持叶子节点、拖动、展开关闭操作的所述Javascript的树插件。
优选地，所述使用布局结构控制器控制所述图形基本容器的结构，使得所述图元按照一定的顺序排列和组合是指：在将所有的图元都放在所述图形基本容器中后，从所述布局结构控制器中选择相应的控制属性对所述图元进行删除或位移，确定所述拓扑图的布局结构；从所述布局结构控制器中选择相应的连线方式，将所述场景中的所述图元关联在一起，并对利用所述布局结构控制器的相应属性对所述图元进行动态设置。
优选地，设置所述图元的图元属性是指：每个所述图元都具有相应的属性，通过放置在图元属性数组中的属性框来设置所述图元的图元属性；并且所述属性框被放置在同一个或不同的所述图元属性数组中。
本发明还提出一种基于画布Canvas的拓扑图生成装置，所述装置包括：舞台生成器、图形基本容器、布局结构控制器。
所述舞台生成器，用于根据所述Canvas的属性及其特点生成可供图层和图元存在的舞台环境。
所述图形基本容器，用于承载所述拓扑图所需的所述图元；基于所述舞台环境而制造，每个所述舞台环境包括一个或多个所述图形基本容器。
所述布局结构控制器，用于控制所述图形基本容器中所述拓扑图的结构，使得所述图元按照一定的顺序排列和组合。
优选地，所述图元被拖动前保存在图元树中；所述图元树的结构具有层次性和逻辑性，在所述图元树的同一层中放置同一类别的图元，所述图元树有父子关系，子类图元放置在父类图元下。
优选地，所述图元树使用解释型语言Javascript的树插件定义所述图元树的结构，所述插件为任何支持叶子节点、拖动、展开关闭操作的所述Javascript的树插件。
优选地，所述布局结构控制器具体用于：在将所有的图元都放在所述图形基本容器中后，从所述布局结构控制器中选择相应的控制属性对所述图元进行删除或位移，确定所述拓扑图的布局结构；从所述布局结构控制器中选择相应的连线方式，将所述场景中的所述图元关联在一起，并对利用所述布局结构控制器的相应属性对所述图元进行动态设置。
优选地，所述属性框被放置在图元属性数组中；所述属性框所代表的属性是可自定义的并且所述属性框被放置在同一个或不同的所述图元属性数组中。
与现有技术相比，本发明包括：使用舞台生成器根据所述Canvas的属性及其特点生成可供图层和图元存在的舞台环境；并基于该舞台环境制造一个或多个承载该图元的图形基本容器；该图元放置在图元树中，可被拖动到所述图形基本容器中的任意位置；使用布局结构控制器控制图形基本容器中拓扑图的结构，使图元按照一定的顺序排列和组合；并设置图元的图元属性。通过本发明的方案，有效地解决了插件不兼容的问题，并且开发方式更简单。
附图说明
下面对本发明实施例中的附图进行说明，实施例中的附图是用于对本发明的进一步理解，与说明书一起用于解释本发明，并不构成对本发明保护范围的限制。
图1为本发明基于画布Canvas的拓扑图生成方法流程图；
图2为本发明基于画布Canvas的拓扑图生成装置结构图。
具体实施方式
为了便于本领域技术人员的理解，下面结合附图对本发明作进一步的描述，并不能用来限制本发明的保护范围。
本发明利用画布Canvas制图的特点，对Canvas进行层次化和点线化，将图形输出到Canvas上。基于Canvas强大的绘图能力，采用以数据组成图形的方法，大大提高了图形的效率，实现以点和线表现图形的方式，避免了使用大型图形工具带来的低效率和高存储的问题。
本发明提出了一种基于画布Canvas的拓扑图生成方法，如图1所示，该方法包括以下步骤：
步骤S101，使用舞台生成器，根据Canvas的属性及其特点生成可供图层和图元存在的舞台Stage环境。
该舞台就是承载基本元素的地方，相当于继承Canvas属性的一个具体化的Canvas，是Canvas的实例。
步骤S102，基于所述舞台环境，制造一个或多个图形基本容器Container，承载所述拓扑图所需的图元。
该Container，或者称为场景，基于舞台生成器，并继承舞台生成器的基本属性。
我们要制作的拓扑图及其动作，就是一个场景，一个舞台上可以有多个场景，它是舞台Stage的实例化。可以不定义Container而直接使用Stage，但这样对层次定义不明确，不建议这样定义。
图形基本容器Container创建之后，从图元树中找到所需的不同的图元，拖动到所述图形基本容器中的任意位置。
图元树生成基本的拓扑图图元，是拓扑图的基本组成单位，可以从图元树上将不同的图元拖动到拓扑图中。
优选地，图元被拖动前被保存在自定义的图元树中，该图元树的结构具有层次性和逻辑性，同一类别的图元放在图元树的同一层中，图元树有父子关系，子类图元放置在父类图元下。
优选地，该图元树使用解释型语言Javascript的树插件定义图元树的结构，该插件为任何支持叶子节点、拖动、展开关闭操作的Javascript的树插件。通过图元树来控制节点是一种很快捷高效的方法。通常拓扑图都是将几个固定的图标放在拓扑图的一侧来使用，但这样缺少层次和逻辑。
步骤S103，使用布局结构控制器控制所述图形基本容器中所述拓扑图的结构，使得预先拖动到所述图形基本容器中的所述图元按照一定的顺序排列和组合。
具体地，在将所有的图元都放在图形基本容器中后，从布局结构控制器中选择相应的控制属性对图元进行删除或位移，确定拓扑图的布局结构；从布局结构控制器中选择相应的连线方式，将场景中的图元关联在一起，并对利用所述布局结构控制器的相应属性对所述图元进行动态设置。
这里通过布局结构控制器管理拓扑图的表现结构；而且对各种不同类型的图元进行控制，动态生成拓扑图。
布局结构控制器可以控制图形基本容器的结构，使得基本图元能够按照一定的顺序排列和组合，这可以使得拓扑图更加清晰，通常手工画出的拓扑图结构是随机的，没有任何顺序，通过布局结构控制器可以很好的管理拓扑图的表现结构。
步骤S105，设置所述图元的图元属性。
具体地，每个所述图元都具有相应的属性，通过放置在图元属性数组中的属性框来设置所述图元的图元属性；属性框所代表的属性是可自定义的并且属性框被放置在同一个或不同的图元属性数组中。
点和线等不仅仅只有固定的属性如名称、坐标等，可以自定义属性，因为一个图元可以表示的内容是多样的，可以给图元添加不同的属性，只有包含属性的图元才是有意义的，形成的拓扑图才能具有更明确的意义。
最后，关于拓扑图的保存方式，可以根据环境的不同而不同，基本的方式是将当前场景中的每一个图元及其属性保存在一个数组中，连线通过保存两个图元进行保存，也可以在其中一个图元中增加一个指向另一个图元的属性。连线可分为有向连线和无向连线，根据不同的情形使用。拓扑图的保存可以保存图元及其属性，或者选择其他的任何可实施的保存方式，这里不再详细阐述。
本发明还提出一种基于画布Canvas的拓扑图生成装置01，如图2所示，所述装置包括：舞台生成器Container02、图形基本容器03、布局结构控制器04。
舞台生成器02，用于根据Canvas的属性及其特点生成可供图层和图元存在的舞台Stage环境。
该Stage就是承载基本元素的地方，相当于继承Canvas属性的一个具体化的Canvas，是Canvas的实例。
图形基本容器Container03，用于承载拓扑图所需的图元；基于上述舞台环境而制造，每个舞台环境包括一个或多个所述图形基本容器。
该图形基本容器03，或者称为场景，基于舞台生成器02，并继承舞台生成器02的基本属性。
我们要制作的拓扑图及其动作，就是一个场景，一个舞台上可以有多个场景，它是舞台Stage的实例化。可以不定义Container而直接使用Stage，但这样对层次定义不明确，不建议这样定义。
图元树，用于放置组成所述拓扑图所需的不同的图元；该图元从图元树04被拖动到图形基本容器03中的任意位置。
图元树生成基本的拓扑图图元，是拓扑图的基本组成单位，可以从图元树上将不同的图元拖动到拓扑图中。
优选地，图元被放置在自定义的图元树中，该图元树的结构具有层次性和逻辑性，同一类别的图元放在图元树的同一层中，图元树有父子关系，子类图元放置在父类图元下。
优选地，图元树使用解释型语言Javascript的树插件定义图元树的结构，该插件为任何支持叶子节点、拖动、展开关闭操作的Javascript的树插件。通过图元树来控制节点是一种很快捷高效的方法。通常拓扑图都是将几个固定的图标放在拓扑图的一侧来使用，但这样缺少层次和逻辑。
所述布局结构控制器04，用于控制所述图形基本容器03中拓扑图的结构，使得图元按照一定的顺序排列和组合。
具体地，在将所有的图元都放在图形基本容器03中后，从布局结构控制器04中选择相应的控制属性对图元进行删除或位移，确定拓扑图的布局结构；从布局结构控制器04中选择相应的连线方式，将所述场景中的图元关联在一起，并对利用所述布局结构控制器的相应属性对所述图元进行动态设置。从而实现，布局结构控制器04管理拓扑图的表现结构；而且对各种不同类型的图元进行控制，动态生成拓扑图。
布局结构控制器04可以控制图形基本容器03的结构，使得基本图元能够按照一定的顺序排列和组合，这可以使得拓扑图更加清晰，通常手工画出的拓扑图结构是随机的，没有任何顺序，通过布局结构控制器04可以很好的管理拓扑图的表现结构。
所述属性框，用于设置所述图元的图元属性。
具体地，所述属性框被放置在图元属性数组中；属性框所代表的属性是可自定义的并且该属性框被放置在同一个或不同的图元属性数组中。
点和线等不仅仅只有固定的属性如名称、坐标等，可以自定义属性，因为一个图元可以表示的内容是多样的，可以给图元添加不同的属性，只有包含属性的图元才是有意义的，形成的拓扑图才能具有更明确的意义。
最后，关于拓扑图的保存方式，可以根据环境的不同而不同，基本的方式是将当前场景中的每一个图元及其属性保存在一个数组中，连线通过保存两个图元进行保存，也可以在其中一个图元中增加一个指向另一个图元的属性。连线可分为有向连线和无向连线，根据不同的情形使用。拓扑图的保存可以保存图元及其属性，或者选择其他的任何可实施的保存方式，这里不再详细阐述。
本发明的有益效果是：通过图元树来控制图元的添加，比直接用通用图标更加有效。图元树中，图元有各自的属性和名称，虽然使用同一类图标，但根据图元名称的不同，可以先将图元之间的关系通过一种树形结构定义了一次，在需要的时候直接放到拓扑图中，方便查找和使用，而且操作上更加快捷，减少了对图元属性的定义，因为图元树中可以预先将图元的属性放置在树的节点中，在将其拖动到拓扑图中时，图元属性一并放过去了。
本文提出的开发方法是结合多种开发方式及Canvas的基本用法提出的一种拓扑图生成方法。有效解决了插件不兼容问题，并且使得开发方式更为简单。
需要说明的是，以上所述的实施例仅是为了便于本领域的技术人员理解而已，并不用于限制本发明的保护范围，在不脱离本发明的发明构思的前提下，本领域技术人员对本发明所做出的任何显而易见的替换和改进等均在本发明的保护范围之内。
Claims (10)
1.一种基于画布Canvas的拓扑图生成方法，其特征在于，所述方法包括：
使用舞台生成器，根据所述Canvas的属性及其特点生成可供图层和图元存在的舞台环境；
基于所述舞台环境，制造一个或多个图形基本容器，承载所述拓扑图所需的图元；
使用布局结构控制器控制所述图形基本容器中所述拓扑图的结构，使得预先拖动到所述图形基本容器中的图元按照一定的顺序排列和组合；
设置所述图元的图元属性。
2.如权利要求1所述的方法，其特征在于，所述图元被拖动前放置在图元树中，所述图元树的结构具有层次性和逻辑性，同一类别的图元放在所述图元树的同一层中，所述图元树有父子关系，子类图元放置在父类图元下。
3.如权利要求2所述的方法，其特征在于，所述图元树使用解释型语言Javascript的树插件定义所述图元树的结构，所述插件为任何支持叶子节点、拖动、展开关闭操作的所述Javascript的树插件。
4.如权利要求1所述的方法，其特征在于，所述使用布局结构控制器控制所述图形基本容器的结构，使得所述图元按照一定的顺序排列和组合是指：在将所有的图元都放在所述图形基本容器中后，从所述布局结构控制器中选择相应的控制属性对所述图元进行删除或位移，确定所述拓扑图的布局结构；从所述布局结构控制器中选择相应的连线方式，将所述场景中的所述图元关联在一起，并对利用所述布局结构控制器的相应属性对所述图元进行动态设置。
5.如权利要求1所述的方法，其特征在于，设置所述图元的图元属性是指：每个所述图元都具有相应的属性，通过放置在图元属性数组中的属性框来设置所述图元的图元属性；并且所述属性框被放置在同一个或不同的所述图元属性数组中。
6.一种基于画布Canvas的拓扑图生成装置，其特征在于，所述装置包括：舞台生成器、图形基本容器、布局结构控制器；
所述舞台生成器，用于根据所述Canvas的属性及其特点生成可供图层和图元存在的舞台环境；
所述图形基本容器，用于承载所述拓扑图所需的所述图元；基于所述舞台环境而制造，每个所述舞台环境包括一个或多个所述图形基本容器；
所述布局结构控制器，用于控制所述图形基本容器中所述拓扑图的结构，使得所述图元按照一定的顺序排列和组合。
7.如权利要求6所述的装置，其特征在于，所述图元被拖动前保存在图元树中；所述图元树的结构具有层次性和逻辑性，在所述图元树的同一层中放置同一类别的图元，所述图元树有父子关系，子类图元放置在父类图元下。
8.如权利要求7所述的装置，其特征在于，所述图元树使用解释型语言Javascript的树插件定义所述图元树的结构，所述插件为任何支持叶子节点、拖动、展开关闭操作的所述Javascript的树插件。
9.如权利要求6所述的装置，其特征在于，所述布局结构控制器具体用于：在将所有的图元都放在所述图形基本容器中后，从所述布局结构控制器中选择相应的控制属性对所述图元进行删除或位移，确定所述拓扑图的布局结构；从所述布局结构控制器中选择相应的连线方式，将所述场景中的所述图元关联在一起，并对利用所述布局结构控制器的相应属性对所述图元进行动态设置。
10.如权利要求6所述的装置，其特征在于，所述属性框被放置在图元属性数组中；所述属性框所代表的属性是可自定义的并且所述属性框被放置在同一个或不同的所述图元属性数组中。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410546454.9A CN104346170A (zh) | 2014-10-15 | 2014-10-15 | 一种基于画布Canvas的拓扑图生成方法及装置 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410546454.9A CN104346170A (zh) | 2014-10-15 | 2014-10-15 | 一种基于画布Canvas的拓扑图生成方法及装置 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN104346170A true CN104346170A (zh) | 2015-02-11 |
Family
ID=52501864
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201410546454.9A Pending CN104346170A (zh) | 2014-10-15 | 2014-10-15 | 一种基于画布Canvas的拓扑图生成方法及装置 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN104346170A (zh) |
Cited By (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106649230A (zh) * | 2016-09-30 | 2017-05-10 | 株洲中车时代电气股份有限公司 | 一种列车网络控制系统逻辑图的图形自动生成方法 |
| CN109189650A (zh) * | 2018-08-21 | 2019-01-11 | 贵州电网有限责任公司 | 一种it运维系统的业务系统拓扑图展现方法 |
| CN110221826A (zh) * | 2019-05-29 | 2019-09-10 | 北京中亦安图科技股份有限公司 | 单据生成方法及装置 |
| CN110427142A (zh) * | 2019-07-29 | 2019-11-08 | 成都科鸿智信科技有限公司 | 一种基于Html5 canvas标签制作的特种设备监管平台用画图工具 |
| CN110489682A (zh) * | 2019-07-08 | 2019-11-22 | 北京三快在线科技有限公司 | 一种页面加载方法和装置 |
| CN111104111A (zh) * | 2019-11-29 | 2020-05-05 | 苏宁云计算有限公司 | 一种树状Canvas画布的布局处理方法及装置 |
| CN112383430A (zh) * | 2020-11-12 | 2021-02-19 | 重庆远臻科技有限公司 | 一种优化拓扑性能结构的混构聚合图显装置 |
Citations (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2000042739A1 (en) * | 1999-01-16 | 2000-07-20 | New Access Communications | System and method of simulating a star network topology |
| CN1614927A (zh) * | 2004-11-18 | 2005-05-11 | 北京锐安科技有限公司 | 在b/s结构中实现树型结构的方法 |
| CN101216762A (zh) * | 2007-12-29 | 2008-07-09 | 腾讯科技（深圳）有限公司 | 一种界面库架构方法 |
| CN101751383A (zh) * | 2009-12-30 | 2010-06-23 | 北京天融信科技有限公司 | 一种使用svg描述网络拓扑的方法 |
| CN102004974A (zh) * | 2010-12-30 | 2011-04-06 | 用友软件股份有限公司 | 流程展现方法和装置 |
| CN102289834A (zh) * | 2011-08-30 | 2011-12-21 | 北京瑞信在线系统技术有限公司 | 一种微动画编辑器及其编辑方法 |
| CN102855135A (zh) * | 2012-04-23 | 2013-01-02 | 苏州大学 | 一种图形构件化传感网开发平台及方法 |
| CN102891765A (zh) * | 2012-09-05 | 2013-01-23 | 曙光云计算技术有限公司 | 一种基于SNMP和HTML5实现web网络拓扑的方法 |
| CN102932201A (zh) * | 2012-09-26 | 2013-02-13 | 迈普通信技术股份有限公司 | 一种网络监控数据的显示控制系统和方法 |
| CN103176993A (zh) * | 2011-12-21 | 2013-06-26 | 北京神州绿盟信息安全科技股份有限公司 | 一种内容呈现设备和方法 |
-
2014
- 2014-10-15 CN CN201410546454.9A patent/CN104346170A/zh active Pending
Patent Citations (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2000042739A1 (en) * | 1999-01-16 | 2000-07-20 | New Access Communications | System and method of simulating a star network topology |
| CN1614927A (zh) * | 2004-11-18 | 2005-05-11 | 北京锐安科技有限公司 | 在b/s结构中实现树型结构的方法 |
| CN101216762A (zh) * | 2007-12-29 | 2008-07-09 | 腾讯科技（深圳）有限公司 | 一种界面库架构方法 |
| CN101751383A (zh) * | 2009-12-30 | 2010-06-23 | 北京天融信科技有限公司 | 一种使用svg描述网络拓扑的方法 |
| CN102004974A (zh) * | 2010-12-30 | 2011-04-06 | 用友软件股份有限公司 | 流程展现方法和装置 |
| CN102289834A (zh) * | 2011-08-30 | 2011-12-21 | 北京瑞信在线系统技术有限公司 | 一种微动画编辑器及其编辑方法 |
| CN103176993A (zh) * | 2011-12-21 | 2013-06-26 | 北京神州绿盟信息安全科技股份有限公司 | 一种内容呈现设备和方法 |
| CN102855135A (zh) * | 2012-04-23 | 2013-01-02 | 苏州大学 | 一种图形构件化传感网开发平台及方法 |
| CN102891765A (zh) * | 2012-09-05 | 2013-01-23 | 曙光云计算技术有限公司 | 一种基于SNMP和HTML5实现web网络拓扑的方法 |
| CN102932201A (zh) * | 2012-09-26 | 2013-02-13 | 迈普通信技术股份有限公司 | 一种网络监控数据的显示控制系统和方法 |
Non-Patent Citations (1)
| Title |
|---|
| 冰糖糊涂博客: "网络拓扑图DEMO", 《HTTP://CN-ARTHURS.ITEYE.COM/BLOG/2009345》 * |
Cited By (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106649230A (zh) * | 2016-09-30 | 2017-05-10 | 株洲中车时代电气股份有限公司 | 一种列车网络控制系统逻辑图的图形自动生成方法 |
| CN106649230B (zh) * | 2016-09-30 | 2019-07-26 | 株洲中车时代电气股份有限公司 | 一种列车网络控制系统逻辑图的图形自动生成方法 |
| CN109189650A (zh) * | 2018-08-21 | 2019-01-11 | 贵州电网有限责任公司 | 一种it运维系统的业务系统拓扑图展现方法 |
| CN110221826A (zh) * | 2019-05-29 | 2019-09-10 | 北京中亦安图科技股份有限公司 | 单据生成方法及装置 |
| CN110489682A (zh) * | 2019-07-08 | 2019-11-22 | 北京三快在线科技有限公司 | 一种页面加载方法和装置 |
| CN110427142A (zh) * | 2019-07-29 | 2019-11-08 | 成都科鸿智信科技有限公司 | 一种基于Html5 canvas标签制作的特种设备监管平台用画图工具 |
| CN111104111A (zh) * | 2019-11-29 | 2020-05-05 | 苏宁云计算有限公司 | 一种树状Canvas画布的布局处理方法及装置 |
| CN112383430A (zh) * | 2020-11-12 | 2021-02-19 | 重庆远臻科技有限公司 | 一种优化拓扑性能结构的混构聚合图显装置 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN104346170A (zh) | 一种基于画布Canvas的拓扑图生成方法及装置 | |
| US9396508B2 (en) | Use of map data difference tiles to iteratively provide map data to a client device | |
| KR102056882B1 (ko) | 집성 특징부 식별자를 이용한 지도 요소들 관리 | |
| CN102122502B (zh) | 一种三维字体显示方法以及相关装置 | |
| US8694900B2 (en) | Static definition of unknown visual layout positions | |
| KR101494844B1 (ko) | 메타 데이터를 이용한 차트 변환 시스템 및 그 방법 | |
| CN104680421B (zh) | 一种可伸缩矢量图形svg显示方法及装置 | |
| CN113282360A (zh) | 2D canvas网页元素的渲染方法、装置及电子设备 | |
| US7688317B2 (en) | Texture mapping 2-D text properties to 3-D text | |
| CN105786526A (zh) | 一种基于Web的高效流程图绘制系统及方法 | |
| KR20080107444A (ko) | 그래프형 다이어그램을 편집하기 위한 2차원 트리들의 동적레이아웃 방법, 영구적 변경 보존 방법, 및 컴퓨터 프로그램 제품 | |
| CN104932889A (zh) | 页面可视化生成方法和装置 | |
| CN106991096B (zh) | 动态页面渲染方法及装置 | |
| CN103631578B (zh) | 一种配电网自动化系统中数据展示方法 | |
| CN104050238A (zh) | 一种地图标注方法和装置 | |
| US9836441B2 (en) | Platform abstraction of graphics | |
| CN104318508A (zh) | 一种基于面状shp地图图层的数据可视化方法及系统 | |
| CN111399941A (zh) | 一种bmc功能的批量配置方法、装置及设备 | |
| CN106156306A (zh) | 一种模板渲染方法和装置 | |
| US20160314502A1 (en) | System and method for streamlining the design and development process of multiple advertising units | |
| WO2018226349A1 (en) | Vector graphics handling processes for user applications | |
| CN114780077A (zh) | 网页可视化编辑的装置及方法 | |
| CN104240273A (zh) | 栅格图片的处理方法及装置 | |
| CN103559726A (zh) | 一种地图配色方法及着色器 | |
| CN105574114A (zh) | 基于电信资源管理标准控件库的在线绘图方法 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| WD01 | Invention patent application deemed withdrawn after publication | ||
| WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20150211 |