qunee for html5下载-qunee for html5(拓扑图组件)解锁版下载 v2.6官方版

应用介绍

qunee for html5(拓扑图组件)解锁版是一款专业的网页设计软件。使用HTML5 Canvas技术，绘制清新、流畅的网络图，可用于社交网络图、拓扑图、流程图、地图等需求， JS组件封装，藏繁琐于简洁，轻松构建优雅的互联网应用与企业应用，让数据的在线可视化变得容易，操作简单，使用方便，强大的功能特色让设计更加轻松，欢迎需要的用户前来下载。

qunee for html5(拓扑图组件)解锁版下载

qunee for html5(拓扑图组件)解锁版功能特色

1.矢量图形：支持矢量图形，无极缩放

2.注重细节：GIF动画，丰富渐变，层次控制等

3.轻巧、高性能：支持上万图元，流畅操作

4.交互体验：漫游交互，改进交互事件、支持手持设备

qunee for html5(拓扑图组件)解锁版下载

网络拓扑图实例

<!DOCTYPE html>

<html>

<head>

    <title>Hello Qunee for HTML5</title>

    <meta charset="utf-8">

</head>

<body>

<div style="height: 500px;" id="canvas"/>

<script src="https://demo.qunee.com/lib/qunee-min.js"></script>

<script>

    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);

</script>

</body>

</html>