轻量高效的拓扑图组件
zh

Hello Deno

2022-05-10

deno介绍 据说是原nodejs的开发者创建的项目:http://deno.com,支持 es6,ts,解决nodejs的兼容和依赖混乱问题 nodejs的问题 import, require 兼容问题 很多老库都是require的写法,无法在es6中使用,import, require没法兼容使用,一个node项目需要打包多种格式,如果是考虑浏览器和服务器版本,则更加复杂,Deno没有这个历史问题 依赖混乱问题 node-modules是个无底洞,文件巨大而混乱,太多无用的东西被引入,比如我使用A项目的某个函数,需要将整个A项目和A项目依赖的项目全部引入,Deno中不支持按名称引用的方式,只支持url,相对路径或者绝对路径, …

阅读更多

Qunee for HTML5 V2.8版本发布

2021-08-19 2022-04-28 最后修改

Qunee for HTML5 V2.8.0.1_4版本正式发布 增加qunee-api.d.ts和qunee-api-en.d.ts 可用于typescript开发,方便api代码提示,文件位于ide-support目录 增加网格吸附,自动对齐功能 增加以下三个属性设置,实现显示网格,网格吸附,以及对齐功能,可以使用最新的授权包测试 graph.showGrid = true; //显示网格和刻度标识 graph.snapToGrid = true;//吸附到网格,拖动节点或者调整节点尺寸时,能自动吸附到网格 graph.enableGuideLine = true;//启用辅助线,拖动节点或者调整节点尺寸时,能自动与别的节点上下 …

阅读更多

Graph Editor by Vue

2021-04-20 2022-04-28 最后修改

老版本地址:https://github.com/samsha/graph.editor 新项目地址:https://github.com/qunee/graph.editor_vue 本项目则基于Qunee for HTML5图形组件,是Qunee的扩展项目,新版本使用es6语法开发,删除了第三方组件的依赖 本项目本身是一个vue项目,但没有vue也可以正常使用(按es6语法使用即可) 在线示例:http://demo.qunee.com/editor/ 开发方式说明 1,es6开发,无需安装vue环境,支持chrome,safari,firefox,edge等支持es6 …

阅读更多

JS序列化 JSONSerializer

2021-03-08 2022-04-28 最后修改

js默认序列化存在的问题 js默认序列化使用JSON.stringify / parse(),存在几个问题 1、只支持基本类型,不支持function,类等 2,不支持引用,比如value = [1,2,3], 序列化:{a: value, b: value},则value会重复输出 3,不支持嵌套引用,如果对象自己引用自己,会出错 另外可以通过重写#toJSON(propertyName?),自定义序列化输出 解决方案 无法直接解决以上问题,提供其他实现方式 全局设置#setJSName(name, objectOrClass) 增加全局函数setJSName(name, objectOrClass),给类或者对象一个唯一名称 …

阅读更多

Qunee for HTML5 V2.7版本发布

2018-10-25 2022-04-28 最后修改

Qunee for HTML5 V2.7.0.2版本正式发布,主要增加qunee-es.js格式类库,可以使用es6的import语法导入,示例如下 <script type="module"> import Q from "./lib/qunee-es.js"; var graph = new Q.Graph('canvas'); var hello = graph.createNode("Hello", -100, -50); hello.image = Q.Graphs.server; var qunee = …

阅读更多

基于HTML5的北京地铁图示例

2017-05-10

最近又有客户提到地铁图,高速路线图的需求,本质上只是基本的线条和点,重点是要有坐标数据,我从北京地铁官网找到了路线的xml数据,于是就做了个简单的示例,以供参考 在线演示: http://map.qunee.com/beijing_subway.html 数据来源为:http://www.bjsubway.com/subwaymap/station_map.html 因为代码非常简单,只有一百来行,所以这里就不多赘述,直接访问在线示例,查看源码即可 北京地铁图-html5_代码

阅读更多

Qunee for HTML5 V2.6新版本发布

2017-01-19

经过漫长的小幅升级,Qunee for HTML5最新版本来到了V2.6,主要修复了一些bug,另外增加了一些示例 欢迎升级或者申请试用: http://www.qunee.com 1、修复的bug 修复了IE下创建连线交互参考线绘制存在的问题 修复了IE下画布获取焦点时滚动条会跳动的问题 修复IE, Edge下框选group时出现的异常 修复了起始和结束节点重合时,导致连线捆绑曲线出现异常的问题 修复svg图标的节点,连线端点不到图片边缘的问题 解决Chrome最小字体限制 … 2、增加缩略图示例 http://demo.qunee.com/ 3、 …

阅读更多

graph.editor V2.5更新到github

2016-05-03

graph editor项目一直在修改中,在线示例也一直保持更新,最近我们对项目目录做了梳理,并整理了更多demo,更新了说明文档,提交到了github,以方便用户提取,对于github访问有困难的用户可以通过邮件(support#qunee.com)向我们索取项目代码 项目地址:https://github.com/samsha/graph.editor 更新说明 1、去除了bower包管理,改成直接引用相关的类库文件 由于graph.editor用到的第三方类库不多,依赖性也不高,包管理的必要性不大,所以直接将相关类库文件放在libs/目录中,不需要bower install,直接拿过来就可以运行示例,省去了install …

阅读更多