Qunee for HTML5 V1.6正式发布，修复了一些 BUG，增加了滚动条支持，改进了编辑器，增加了JSON 导入导出、告警冒泡、连线流动，UI 定制等扩展示例
文章分类： HTML
基于html5技术绘制上海地铁图 – 双车道路况信息
前面介绍了上海地铁图的绘制，最近有客户提出了新的需求：双车道，并显示路网状态信息。经过一番研究，在原地铁图基础上做了扩展实现
路况状态在GIS系统中广泛应用，谷歌地图，百度地图都有实时路况的功能，太复杂并非好事，就像地铁图，按真实经纬度呈现反而不够直观，交通图、路网也是如此，去掉无关信息，将有限的数据（路，收费站，路况）展现出来，成为一种解决方案
RequireJS与SeaJS模块化加载
web应用越变的庞大，模块化越显得重要，尤其Nodejs的流行，Javascript不限用于浏览器，还用于后台或其他场景时，没有Class，没有Package的Javascript语言变得难以管理，于是出现CommonJS项目，提出了一些规范模块化的写法，在Nodejs中普遍应用，同样浏览器端也出现了类似的解决方案，并结合浏览器异步加载的特性，有RequireJS提出的AMD（Asynchronous Module Definition）规范，以及SeaJS提出的CMD（Common Module Definition）规范，两者都实现Javascript了模块化定义的APIs，各有异同，下面将分别使用两种方案，实现Qunee组件的模块化加载
目录结构
EasyUI + Qunee 组件同步示例
HTML第三方组件种类繁多，小到按钮，工具栏，大到树图，表格，布局框架，以及各种图表，每种组件都有其优势，比如EasyUI的树和表格，Bootstrap的表单，Qunee的拓扑图等，一个应用需要整合多种组件，本文将以一个示例来介绍EasyUI与Qunee组件的同步使用
HTML组件的交互事件设计
传统的HTML事件监听方式
通常使用on***对HTML元素添加事件监听，比如
button.onclick = function(evt){
console.log(evt);
}
很自然的，用户在使用Qunee组件时也会想到这种用法，试图直接在Node上添加onclick监听，结果出现问题，正确的写法应该是这样
graph.onclick = function(evt){
var element = evt.getData();
Q.log(element);
}
Hello World WebGL示例
原文：http://www.sw-engineering-candies.com/snippets/webgl/hello-world
这不是一个平常看到的Hello World示例，因为他不只是简单的打印”Hello World”，这个WebGL示例包含了很多引用代码，但这对于WebGL来说是很典型的，写一个最简单的WebGL应用无法体现WebGL的价值
你会注意到很多代码需要本地WebGL，如果你使用three.js这样的类库，引用代码会减少到最少，在这些文章中你会看到three.js示例：Experimental Visualization of Artificial Neural Network with WebGL or Extremely Fast and Simple WebGL Motion Detector to Rotate 3D Graphic
前提条件&预期结果
目前支持WebGL得浏览器还很少（参见：Can I use WebGL? ），下面的例子在Chrome 16 – 23 for win32以及firefox for android 17下做了测试，如果你的浏览器不支持webGL，你会看到下面的警告
Your browser doesn’t appear to support the HTML5 <canvas>element.
运行效果：
Qunee中的基本图形与箭头
图形组件的基础是图形，图形的基础是2D，如形状，路径片段，渐变填充，边框等，SVG中每个图形要素都有对应的标签元素，Canvas中则提供了一些绘制函数，路径和形状的管理需要自己实现，Qunee组件中提供了丰富的基本图形
Qunee默认图形的效果
