twaver html5 怎么设置一个图形节点不可拖动

getAllClassNames返回的是类或对象的名字，但是我们要获得实际的类和对象以便可以解析它们的属性和方法。思考一下：在浏览器环境下window是根对象，所有全局对象都是window对象的属性而已，TWaver也不例外，所以我们分割字符串，通过window对象一层一层找属性，最终找到我们要的类或对象。然后我们生成Node，填充box数据容器；同时做了一个<名字---Node>的映射，后面会用到。 初始化Tree以后设置节点的父子关系：

1 elementBox.toDatas().forEach(function (data) {

2 //TWaver所有内置类型都有superClass属性，指向实际的父类或父对象，通过它可以得到父类然后从map中取出树上相应的节点

3 var superClass = data.clazz.superClass

4 if (superClass &&superClass.getClassName) {

5 data.setParent(map[superClass.getClassName()])

6 }

7 })

<canvas>动态的绘制拓扑图

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。

---