zoukankan      html  css  js  c++  java
  • qunee 缩略图

    <!DOCTYPE html>
    <html>
    <head>
        <title>Hello Qunee for HTML5</title>
        <meta charset="utf-8">
    </head>
    <body>
    <div style="height: 500px;" id="canvas"></div>
    <script src="http://demo.qunee.com/js/common/qunee-min.js"></script>
    <script type="text/javascript" src="./qunee/jquery.min.js"></script> // 自己找这个js文件
    <!--<script src="http://demo.qunee.com/js/common/Overview.js"></script>-->
    <script src="http://demo.qunee.com/js/common/Overview.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
    Qunee", 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);
        // 创建缩略图的div
        var overviewDiv = document.createElement('div');
        overviewDiv.style.width = '200px';
        overviewDiv.style.height = '200px';
        overviewDiv.style.position = 'absolute';
        overviewDiv.style.top = '10px';
        overviewDiv.style.right = '10px';
        // overviewDiv.style.backgroundColor = 'red';
    // 将创建好的div添加到graph里面 graph.html.appendChild(overviewDiv);
    // 通过Overview方法生成缩略图
    var overview = new Q.Overview(overviewDiv, graph); </script> </body> </html>

     如果不生效,重新加载js。

  • 相关阅读:
    Yarn下分片和分块源代码分析
    Yarn下Map数控制
    hadoop中使用的Unsafe.java
    hbase的coprocessor使用(转)
    eclipse插件
    短线及时发现个股机会的七大招数
    hadoop分类输出
    安装ubuntu-tweak
    rabbitmq安装使用
    “-Xmx1024m -Xms1024m -Xmn512m -Xss256k”——Java运行参数(转)
  • 原文地址:https://www.cnblogs.com/aaronthon/p/11558538.html
Copyright © 2011-2022 走看看