Export to image WebGL

[slasia]

Hi! this is my code:

` graph = Viva.Graph.graph(); var layout = Viva.Graph.Layout.forceDirected(graph, { springLength: 100, springCoeff: 0.0008, dragCoeff: 0.02, gravity: -1.2 });

    for (var i = 0; i < 100; ++i) {
        layout.step();
    }

    for (var i = 0; i < nodos.length; ++i) {
        graph.addNode(nodos[i].IDNodo, nodos[i]);
    }
    var dic = new Object();
    for (var i = 0; i < enlaces.length; i++) {
        if (isNaN(dic[enlaces[i].From + "**" + enlaces[i].To])) {
            dic[enlaces[i].From + "**" + enlaces[i].To] = 1;
            graph.addLink(enlaces[i].From, enlaces[i].To, enlaces[i].IDEnlace);
        }
    }

    var container = document.getElementById('editorUltraLite');
    var graphics = Viva.Graph.View.webglGraphics();
    var nodeColor = 0x009ee8;// hex rrggbb
    var circleNode = buildCircleNodeShader();
    graphics.setNodeProgram(circleNode);
                    tamaño = 13;

    graphics.node(function (node) {
        return new WebglCircle(tamaño, nodeColor);
    });

    var events = Viva.Graph.webglInputEvents(graphics, graph);
    events.mouseEnter(function (node) {
    }).click(function (node) {
        layout.pinNode(node, !layout.isNodePinned(node));
    });

    renderer = Viva.Graph.View.renderer(graph, {
        layout: layout,
        graphics: graphics,
        container: container
    });
    renderer.run();
    $("canvas").attr("id", "diagramaWebGL")`  

I need to export to png image... how i can do this?

[gg4u]

Maybe take a snapshot of your canvas.

window.location.href = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream");

https://stackoverflow.com/questions/3371325/how-get-snapshot-of-my-canvas