jTopo 下载 download
发布说明：
1.告警可以修改颜色和透明度了
2.解决了IE下弹出系统右键菜单问题
3.带图片的节点透明度也可以生效了。
发布说明：
1. Node对象增加了边框属性（颜色、宽度）
2. Container对象默认不再显示阴影
3. 增加了“乌龟绘图”
发布说明：
1. 给Node和Container对象增加了圆角功能
2. 节点布局功能完善，增加了几个布局Demo
3. 给Link对象增加了虚线属性、增加了曲线对象:CurveLink
发布说明：
1. 解决不同浏览器下有时出现鼠标定位不准的问题(本次发布测试浏览器为：IE9、谷歌、火狐）
2. 微调整，连线的开始默认为在开始节点的中心位置
发布说明：
1. 解决连线的一些bug
2. 完善连线箭头（可以始终指向节点的边缘了）
3. 增加编辑模式
发布说明：
1. jtopo不再依赖任何第三方库
2. Container对象增加了文本属性
3. 完善节点之间多条连线的显示
4. 节点、连线默认不再显示阴影
5. 其他:代码细节完善
发布说明：
修改了Link对象，增加了两节点之间画多条线的功能。
发布说明：
1. 增加了工具栏
2. 增加类似jQuery的查询功能
3. 增加了序列化、反序列化功能
4. 增加了保存、撤销功能
5. 增加了Demo版的饼图、柱状图
6. 解决了火狐下鼠标滚轮事件不正常的问题
7. 完善了告警功能
8. 修改了Link的一些属性命名
9. 其他细节变动
发布说明：
1. 迈向成熟、专业的开始
2. 核心架构有所调整、对象的一些属性做了调整(不兼容以前的版本)
3. 增加了鹰眼、缩放、完整导出等一系列功能
4. 修改了一些Demo
发布说明：
1. 性能提升
发布说明：
1. 优化字体的渲染。
发布说明：
1. 给Link对象增加了事件处理（直线型的）
2. 修复了mouseover、mouseout的时候，获取不到事件Event对象的target属性
发布说明：
1. 增加了编辑模式（可以在线编辑节点）、拖拽模式
2. 增加了ctrl+鼠标多节点选择功能
&压缩后的js文件，可以直接在项目中引用
发布说明：
1. 增加了鼠标单击、双击、右键事件处理
2. 增加了鼠标右键菜单Demo
3. JTopo.scene对象增加了删除元素的功能(右键菜单-&删除)
4. 增加了子网下钻Demo
5. 修复了鼠标操作松开后，节点仍然跟随鼠标移动的问题
压缩后的js文件，可以直接在项目中引用vml实现web top原型(15)-告警
作为告警数据应该通过或者这样的方式异步从服务器获取。
客户端主要解决告警的显示问题。
一般无非是加亮边框，气泡指示这样的方式
以下为生成和清除告警的示例
function genalarm(){
var e=document.getElementById("DEV00005");
var alarmlevelColor="red";
var alarmContext="紧急告警";
addAlarmState(e,alarmlevelColor,alarmContext);
function clralarm(){
var e=document.getElementById("DEV00005");
clearAlarmState(e);
相关的函数在源码中。
要注意的是，电路的告警是不显示告警描述的。主要是位置不好确定。
应该也可以根据和坐标进行分析计算。偷懒了。
服务器端应该采用异步的订阅模式向客户端推送增量的告警信息，
这样才可以保证告警的实时展现。
尽量避免客户端轮询的方式
（对于第一次打开，以及中间防止告警丢失，定时的轮询还是必要的）
没有更多推荐了，IE8兼容&meta http-equiv=&X-UA-Compatible& content=&IE=EmulateIE7& /&
&meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /&
X-UA-Compatible是针对ie8新加的一个设置，对于ie8之外的浏览器是不识别的，这个区别与 content="IE=7"在无论页面是否包含&!DOCTYPE&指令，都像是使用了 Windows Internet Explorer 7的标准模式。而content="IE=EmulateIE7"模式遵循&!DOCTYPE&指令。对于多数网站来说，它是首选的兼容性模式。
目前IE8尚在测试版中，所以为了避免制作出的页面在IE8下面出现错误，建议直接将IE8使用IE7进行渲染。也就是直接在页面的header的meta标签中加入如下代码：
http-equiv="X-UA-Compatible" content="IE=7"
&meta http-equiv="X-UA-Compatible" content="IE=7" /&
相关属性介绍如下：
X-UA-Compatible是针对ie8新加的一个设置，对于ie8之外的浏览器是不识别的，这个区别与content="IE=7"在无论页面是否包含&!DOCTYPE&指令，都像是使用了 Windows Internet Explorer 7的标准模式。
这样我们才能使得页面在IE8里面表现正常！
而content="IE=EmulateIE7"模式遵循&!DOCTYPE&指令。对于多数网站来说，它是首选的兼容性模式。
目前IE8尚在测试版中，所以为了避免制作出的页面在IE8下面出现错误，建议直接将IE8使用IE7进行渲染。也就是直接在页面的header的meta标签中加入如下代码：
&meta http-equiv="X-UA-Compatible" content="IE=7" /&这样我们才能使得页面在IE8里面表现正常！
浏览器市场份额的激烈竞争，给网页设计开发人员带来了兼容性设计的麻烦。单单 IE 浏览器就有好几个主流版本，IE6、IE7、IE8 等等。当然使用诸如 IETester，多版本 IE 共存解决方案之类的第三方集成工具，可以方便代码调试。但我们总需要找寻一种更为省时省力的方法。
X-UA-Compatible 是针对 IE8 版本的一个特殊文件头标记，用于为 IE8 指定不同的页面渲染模式。由于当下 IE6 和 IE7 使用率依然较高，综合考虑，启用 IE8 版本的 X-UA-Compatible 兼容模式显得相当重要。
各种兼容模式代码示例如下：
http-equiv="X-UA-Compatible" content="IE=5"
&meta http-equiv="X-UA-Compatible" content="IE=5" /&
像是使用了 Windows Internet Explorer 7 的 Quirks 模式，这与 Windows Internet Explorer 5 显示内容的方式很相似。
http-equiv="X-UA-Compatible" content="IE=7"
&meta http-equiv="X-UA-Compatible" content="IE=7" /&
无论页面是否包含 &!DOCTYPE& 指令，均使用 Windows Internet Explorer 7 的标准渲染模式。
http-equiv="X-UA-Compatible" content="IE=8"
&meta http-equiv="X-UA-Compatible" content="IE=8" /&
开启 IE8 的标准渲染模式，但由于本身 X-UA-Compatible 文件头仅支持 IE8 以上版本，因此等同于冗余代码。
http-equiv="X-UA-Compatible" content="edge"
&meta http-equiv="X-UA-Compatible" content="edge" /&
Edge 模式通知 Windows Internet Explorer 以最高级别的可用模式显示内容，这实际上破坏了“锁定”模式。
http-equiv="X-UA-Compatible" content="IE=EmulateIE7"
&meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /&
EmulateIE7 模式通知 Windows Internet Explorer 使用 &!DOCTYPE& 指令确定如何呈现内容。标准模式指令以Windows Internet Explorer 7 标准模式显示，而 Quirks 模式指令以 IE5 模式显示。与 IE7 模式不同，EmulateIE7 模式遵循 &!DOCTYPE& 指令。对于多数网站来说，它是首选的兼容性模式。
在现阶段，IE8 版本推向市场没有多久，份额不高。因此，考虑兼容旧版本的模式值得推荐。
&meta http-equiv=”X-UA-Compatible” content=”IE=7, IE=9″&
[HTML][CSS]IE兼容性&meta http-equiv=&X-UA-Compatible& content=&IE=EmulateIE7& /&
&meta http-equiv=&X-UA-Compatible& content=&IE=edge& /& 的说明
关于& meta http-equiv = &X-UA-Compatible& content = &IE=edge,chrome=1& /&
没有更多推荐了，网络拓扑图jTopo简介和入门
传统的web版网络拓扑制作方法都是采用Flash来做的，但是这种安全性和兼容性比较差，苹果系列的产品也都不支持Flash。因此目前web版的网络拓扑图都采用HTML5的方式来制作。使用HTML5制作网络拓扑图的方式有很多种，最常见的两种应该就是使用Canvas和SVG了。市面上也有很多制作Web版网络拓扑的框架。如： jsplumb 、Qunee (收费的)、 grapheditor 、 Dagre-D3 、 HT
for Web 、 Jtopo 、 twaver 等。
jTopo相比于其他框架优点是：
1.国产的，文档齐全，容易上手
3.压缩后体积仅有几十KB，下载速度快, 运行性能优异
4.完全采用HTML5的Canvas实现，效果震撼华丽。轻松移植到其它Html5的平台，如手机、平板上
5.主流浏览器:IE, Firefox, Safari, Opera, Chrome
6.简单好用，灵活扩展，轻松开发出类似Visio、在线脑图、UML建模等类似工具
7.为大数据可视化提供解决方案
入门开发步骤如下：
1.引入jtopo.js文件
&script type="text/javascript" src="js/jtopo-min.js"&
2.创建Canvas标签
width="910" height="400" id="canvas"&&
3.绘制网络拓扑
var canvas = document.getElementById('canvas'),
stage = new JTopo.Stage(canvas),
scene = new JTopo.Scene(stage),
node = new JTopo.Node("Hello");
node.setLocation(300,200);
node.rotate = Math.random();
node.scaleX = Math.random();
node.scaleY = Math.random();
node.alpha = Math.random();
node.setImage('host.png');
node.fontColor ="0,0,0";
scene.add(node);
var nodeFrom = new JTopo.Node("from");
nodeFrom.setLocation(200,200);
scene.add(nodeFrom);
var nodeTo = new JTopo.Node("To");
nodeTo.setLocation(300,200);
scene.add(nodeTo);
var link = new JTopo.Link(nodeFrom, nodeTo);
scene.add(link);
jtopo js插件绘制网络拓扑图
Javascript库之JsPlumb网络拓扑图流程图
网络拓扑结构以及优缺点
基于HTML5的拓扑图编辑器 - Graph.Editor
基于Web实现在线绘画拓扑图[GraphEditor]
HTML5 网络拓扑图性能优化
没有更多推荐了，2018年01月
确定要删除当前文章？