如何对qunee of html5 中的拓扑图元素位置进行实时监控

动态的绘制拓扑图1.添加引用\r\n右击项目-添加引用-浏览找到本地的dll文件\r\n2.using该dll文件里面代码的名称空间\r\n然后就可以调用dll文件里面的类和方法定义和用法：Canvas对象表示一个HTML画布元素-。它没有自己的行为，但是定义了一个API支持脚本化客户端绘图 *** 作。你可以直接在该对象上指定宽度和高度，但是，其大多数功能都可以通过CanvasRenderingContext2D对象获得。这是通过Canvas对象的getContext()方法并且把直接量字符串"2d"作为唯一的参数传递给它而获得的。标记在Safari1.3中引入，在制作此参考页时，它在Firefox1.5和Opera9中也得到了支持。在IE中，标记及其API可以使用位于excanvas点sourceforge点net的ExplorerCanvas开源项目来模拟。提示：如果希望学习如何使用来绘制图形，可以访问Mozilla提供的Canvas教程（英文）以及相应的中文Canvas教程。使用标记绘图大多数Canvas绘图API都没有定义在元素本身上，而是定义在通过画布的getContext()方法获得的一个“绘图环境”对象上。CanvasAPI也使用了路径的表示法。但是，路径由一系列的方法调用来定义，而不是描述为字母和数字的字符串，比如调用beginPath()和arc()方法。一旦定义了路径，其他的方法，如fill()，都是对此路径 *** 作。绘图环境的各种属性，比如fillStyle，说明了这些 *** 作如何使用。注释：CanvasAPI非常紧凑的一个原因上它没有对绘制文本提供任何支持。要把文本加入到一个图形，必须要么自己绘制它再用位图图像合并它，或者在上方使用CSS定位来覆盖HTML文本。Canvas对象的属性height属性画布的高度。和一幅图像一样，这个属性可以指定为一个整数像素值或者是窗口高度的百分比。当这个值改变的时候，在该画布上已经完成的任何绘图都会擦除掉。默认值是300。width属性画布的宽度。和一幅图像一样，这个属性可以指定为一个整数像素值或者是窗口宽度的百分比。当这个值改变的时候，在该画布上已经完成的任何绘图都会擦除掉。默认值是300。

……》您好：

1，html5的Canvas 对象将给浏览器带来直接在上面绘制矢量图的能力，这意味着用户可以脱离Flash 和Silverlight，直接在浏览器中显示图形或动画。

2，除了原先的DOM接口，HTML5增加了更多API，如：

　用于即时2D绘图的Canvas标签

　定时媒体回放

　离线数据库存储

　文档编辑

　拖拽控制

　浏览历史管理

3，每一种新技术都会带来新的安全问题，新的HTML 5功能也不会例外。

……》如能帮您解决，请随手采纳；

做的比较专业的可以看看Hightopo 。Hightopo 是由厦门图扑软件科技有限公司独立自主研发，基于 HTML5 标准技术的 Web 前端 2D 和3D 图形界面开发框架。

Hightopo 基于 HTML5 WebGL 的挖掘机 3D 可视化应用。比较适用于实时监控系统的界面呈现，广泛应用于电信网络拓扑和设备管理，以及电力、燃气等工业自动化 (HMI/SCADA) 领域。使用 Hightopo 可更关注于业务逻辑功能，不必将精力投入复杂 3D 渲染和数学等非业务核心的技术细节。

多年来数百个工业互联网可视化项目实施经验形成了一整套实践证明的高效开发流程和生态体系，可快速实现现代化的、高性能的、跨平台桌面Mouse/移动Touch/虚拟现实VR图形展示效果及交互体验。

---