轻松开发

Qunee for HTML5使用JavaScript语言进行开发,引入qunee-min.js文件,编写简单的代码,就可以开发出来网络拓扑图

Hello Qunee for HTML5

var graph = new Q.Graph('canvas');

var hello = graph.createNode("Hello", -100, -50);

hello.image = Q.Graphs.server;

var qunee = graph.createNode("Qunee", 100, 50);

var edge = graph.createEdge("Hello\nQunee", hello, qunee);

edge.setStyle(Q.Styles.LABEL_OFFSET_Y, -10);

edge.setStyle(Q.Styles.LABEL_POSITION, Q.Position.CENTER_TOP);

edge.setStyle(Q.Styles.LABEL_ANCHOR_POSITION, Q.Position.CENTER_BOTTOM);

edge.setStyle(Q.Styles.LABEL_BORDER, 1);

edge.setStyle(Q.Styles.LABEL_POINTER, true);

edge.setStyle(Q.Styles.LABEL_PADDING, new Q.Insets(2, 5));

edge.setStyle(Q.Styles.LABEL_BACKGROUND_GRADIENT,

Q.Gradient.LINEAR_GRADIENT_VERTICAL);

qunee for html5 api,Qunee for HTML5相关推荐

  1. qunee for html5 api,Qunee for HTML5 - 中文 : 常见问题

    升级到v1.4后,文字对齐出现问题 v1.4以后的版本支持文本作为节点主体,此时,文本的挂载点位置直接通过Node#anchorPosition属性进行设置,而无需通过setStyle text.se ...

  2. html5通过api调数据库,使用HTML5数据库API [关闭](Using HTML5 Database API [closed])

    使用HTML5数据库API [关闭](Using HTML5 Database API [closed]) 我正在开发一个使用phonegap/cordova 2.2的web应用程序,并希望将数据存储 ...

  3. html5中api有什么,HTML5中的API概览

    HTML5中的API概览 整理一下HTML5中的常见API. 前言 HTML5中提供了一些功能强大的API,在不考虑兼容性的情况下,比起原生js实现更加简单,比起jQuery可以少引入包,这里整理几个 ...

  4. HTML5 API详解(3):为何网页上要增加Battery电池状态API

    手机自身的电源管理已经相当不错了,那为何网页上还要增加一个HTML5 Battery电池状态API呢? 随着HTML5以及CSS3技术支持与发展,以及手机越来越高性能带来的可行性.移动端的页面显然会越 ...

  5. html5 geolocation 百度地图,html5 geolocation配合百度地图api实现定位

    1.了解html5 geolocation HTML5 Geolocation(地理定位)用于定位用户的位置. 鉴于该特性可能侵犯用户的隐私,除非用户同意,否则用户位置信息是不可用的.=> 使用 ...

  6. HTML5 基础知识,第 3 部分 HTML5 API 之应用-介绍HTML5 API 的用法和价值,Canvas 提供的创造性,以及Web storage的离线应用

    HTML5 集设计者和开发者于一身,其主要任务就是构建高效的丰富 Internet 应用程序之富网络应用 (Rich Internet Application,简称RIA),尤其是富 UI(User ...

  7. html5扫码plusready子添加剂,关于HTML5+ API plusready的兼容问题

    这篇文章主要介绍了HTML5+ API plusready的兼容问题,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下 Android平台提前注入5+ API, ...

  8. html5扫码plusready子添加剂,HTML5+ API plusready兼容相关问题

    这篇文章主要介绍了HTML5+ API plusready的兼容问题,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下 Android平台提前注入5+ API, ...

  9. html5资源怎么用,HTML5教程

    分类目录归档:HTML5教程 3,744 人浏览 2019-01-08 21:28:17 今天给大家分享一个效果很棒的HTML Canvas火焰画笔动画类似,也是在Canvas上通过鼠标绘制而成.这个 ...

最新文章

  1. [UWP小白日记-10]程序启动屏(ios解锁既视感)
  2. 数字变化滚动到指定数字的文字特效
  3. Java中lambda表达式去重_JAVA8中Lambda和Stream
  4. 喜提 redir contributor
  5. eBay实践Hadoop MapReduce 任务的性能翻倍之路
  6. 前端学习(3162):react-hello-react之react插件的安装
  7. php 修改文件的权限_php修改文件权限
  8. Atitit attilax涉及到的大数据 数据分析 数据挖掘 ai人工智能的处理技术 目录 1.1. 大数据 机器视觉 图像处理 数据分析 数据挖掘 知识图谱 ai人工智能方面系列项目 1 2.
  9. 【Excel 教程系列第 17 篇】如何根据图片名称自动查找出对应的图片
  10. √【西班牙语español学习】字母 发音 节奏语调
  11. RPC框架简析--Pigeon
  12. SylixOS中的中断服务对象
  13. ESP32 PM2.5测试
  14. 音频基础学习三——声音的时频谱
  15. windows下结束进程命令
  16. 紫罗兰永恒花园rust简谱_【Sincerely】简谱 自制 高清
  17. 批处理解约瑟夫环应用题-shell
  18. centos7安装配置vsftp搭建FTP
  19. 喜报|海泰方圆通过CMMI-3资质认证,研发能力获国际认可
  20. Docker 安装 Redis 容器 (完整详细版)

热门文章

  1. c语言数据库线程池,C语言多线程中运行线程池,在线程池中运行线程池,,传递的结构体参数值为空/NULL/0...
  2. php.ini文件可以复制吗,php安装完成以后要复制php.ini文件
  3. 我仅仅想安安静静的做一个编程的美男子
  4. 使用netstat命令查看端口的使用情况
  5. jQuery解决高度统一问题
  6. Discuz x 默认模板文件目录说明
  7. Linux下安装 Indy 到 Lazarus
  8. Oracle Rman 命令详解(List report backup configure)
  9. python技巧 使用值来排序一个字典
  10. IAAS、PAAS与SAAS