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

4

您可以使用渲染器对象的以下方法来完成此操作。

开始渲染 -renderer.run(); 暂停渲染 -renderer.pause(); 恢复渲染 -renderer.resume(); 重置渲染比例以适合所有元素 -renderer.reset(); 移除渲染 -renderer.dispose();

希望这会有所帮助...

于 2014-01-27T14:13:55.430 回答