2

VivaGraph.JS でノードのアニメーションを停止する方法はすべて素晴らしいのですが、ノードがまだ動いていて、いくつかのノードがフレーム内に出てきます。この例は使用できません: https://github.com/anvaka/VivaGraphJS/blob/master/demos/other/constantLayout.html は、すべてのノードの位置を決定するのに適していないためです。私のコード:

<!DOCTYPE html>
<html>
<head>
    <title>02. Custom node appearance. Vivagraph SVG tutorial.</title>
    <script type="text/javascript" src="../../dist/vivagraph.js"></script>
    <script type="text/javascript">
        function main () {
            // Create a graph:
            var graph = Viva.Graph.graph();

            for(i=0;i<20;i++)
            {
            graph.addNode(i, '91bad8ceeec43ae303790f8fe238164b');
            }


            var graphics = Viva.Graph.View.svgGraphics();

            graphics.node(function(node) {

                var url = 'https://secure.gravatar.com/avatar/' + node.data; 

                return Viva.Graph.svg('image')
                     .attr('width', 24)
                     .attr('height', 24)
                     .link(url); 
            });

            graphics.placeNode(function(nodeUI, pos) {

                nodeUI.attr('x', pos.x - 12).attr('y', pos.y - 12);
            });

            // Render the graph with our customized graphics object:
            var renderer = Viva.Graph.View.renderer(graph, {
                    graphics : graphics
                });
            renderer.run();
        }
    </script>

    <style type="text/css" media="screen">
        html, body, svg { width: 100%; height: 100%;}
    </style>
</head>
<body onload='main()'>

</body>
</html>

私の問題をうまく説明したいのですが、誰かが私を助けてくれます。

4

1 に答える 1