1.添加引用\r\n右击项目-添加引用-浏览 找到本地的dll文件\r\n2.using 该dll文件里面代码的名称空间 \r\n然后就可以调用dll文件里面的类和方法
<canvas>定义和用法：
Canvas 对象表示一个 HTML 画布元素 -<canvas>。它没有自己的行为，但是定义了一个 API 支持脚本化客户端绘图操作。
你可以直接在该对象上指定宽度和高度，但是，其大多数功能都可以通过CanvasRenderingContext2D 对象获得。 这是通过 Canvas 对象的getContext() 方法并且把直接量字符串 "2d" 作为唯一的参数传递给它而获得的。
<canvas>标记在 Safari 1.3 中引入，在制作此参考页时，它在 Firefox 1.5 和 Opera 9 中也得到了支持。在 IE 中，<canvas>标记及其 API 可以使用位于excanvas点sourceforge点net的 ExplorerCanvas 开源项目来模拟。
提示：如果希望学习如何使用 <canvas>来绘制图形，可以访问 Mozilla 提供的Canvas 教程（英文）以及相应的中文 Canvas 教程。
使用 <canvas>标记绘图
大多数 Canvas 绘图 API 都没有定义在 <canvas>元素本身上，而是定义在通过画布的getContext() 方法获得的一个“绘图环境”对象上。
Canvas API 也使用了路径的表示法。但是，路径由一系列的方法调用来定义，而不是描述为字母和数字的字符串，比如调用 beginPath() 和 arc() 方法。
一旦定义了路径，其他的方法，如 fill()，都是对此路径操作。绘图环境的各种属性，比如 fillStyle，说明了这些操作如何使用。
注释：Canvas API 非常紧凑的一个原因上它没有对绘制文本提供任何支持。要把文本加入到一个 <canvas>图形，必须要么自己绘制它再用位图图像合并它，或者在 <canvas>上方使用 CSS 定位来覆盖 HTML 文本。
Canvas 对象的属性
height 属性
画布的高度。和一幅图像一样，这个属性可以指定为一个整数像素值或者是窗口高度的百分比。当这个值改变的时候，在该画布上已经完成的任何绘图都会擦除掉。默认值是 300。
width 属性
画布的宽度。和一幅图像一样，这个属性可以指定为一个整数像素值或者是窗口宽度的百分比。当这个值改变的时候，在该画布上已经完成的任何绘图都会擦除掉。默认值是 300。
1.各个应用系统、服务器信息及系统直接的调用都录入到数据库中2.前端拓扑图、或系统调用关系图的展示UI可以通过一些选项从数据库中捞出数据，然后在UI上动态绘制出关系图来
3.如HTML5 Canvas或基于HTML5 Canvas的JTopo、SVG都可以很好的绘制出这种图来。
绘制网络拓扑图是网络工程中必不可少的步骤，对于网络工程师到底怎么把拓扑图画好还真的是个技术活，但是熟能生巧我就给大家介绍一下绘制流程，供大家参考。绘制流程采用了红茶三杯的流程，我在此谢谢他能给我们提供如此好的干货。大家可以关注一下他的微博“红茶三杯”。
一、网络拓扑的“主要”绘制工具
1、Powerpoint
适合中小型网络拓扑绘制；小巧方便，扩展性强，实用性强
适合讲演及方案演示、实施方案、实施报告等交付材料
使用范围较广
2、Visio
适合大型拓扑绘制；工业标准
功能强大、信息容量强大
便于打印、喷绘
二、不同网络环境的拓扑图案例
1、典型的园区网拓扑
2、典型的金融行业拓扑
3、工程环境测试拓扑
三、拓扑绘制步骤（建议）
1、首先在纸上花个草稿，熟练之后，做到拓扑在心中
2、通过辅助手段描绘拓扑框架，利用好线条和框架色块（可根据业务逻辑模块）
3、放置网络设备图标
4、标记信息元素
5、完善外围元素
6、完成整体绘制
四、绘制实例流程
首先看一下我们要绘制的实例拓扑图，如下图：
步骤1、用辅助线描述主要框架
步骤2、填充主干线路
步骤3、去掉辅助线
步骤4、放置主干网络设备
步骤5、添加信息点元素
步骤6、完成网络拓扑图
以上所谓步骤，只是提供一个拓扑绘制的大致思路，并非所有的拓扑都需要照搬照抄上述步骤来完成，有些拓扑异常复杂，更非简单几步就能完成。根据物理网络环境，结合客户业务逻辑结构，最终落地成逻辑的网络拓扑图，其实体现的是工程师对客户网络环境、网络需求、网络协议等的综合理解
