轻量高效的拓扑图组件
zh

使用Cody AI学习自动生成Qunee示例代码

2023-11-14

看到一个AI学习编程的软件,可以项目,学习代码编写,我尝试将qunee demo项目导入,然后提出创建特定画布的指令,出来的结果令人惊叹,可以直接运行 官网地址 官网地址:https://about.sourcegraph.com/cody 可以下载单独程序,也可以安装IDE插件 安装cody并添加本地代码 安装后,运行,添加代码项目到本地库(右上角点击设置,选择本地仓库,然后添加),导入需要几分钟 提问,自动生成示例代码 然后聊天界面,最下方选择仓库,然后就可以提问获得示例代码,支持中文 比如: 创建Q.Graph,包含100个文本节点,并按父子关系三层结构,并使用树形布局自动布局 得到的代码如下: // 创建Q.Graph …

阅读更多

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、 …

阅读更多