javascript - JIT - 将 Spacetree 保存为图像

Question

我正在使用 JavaScript InfoVis Toolkit (http://thejit.org/) 并尝试将我输出的 Spacetree 保存到图像中。空间树被输出到 Canvas 上。这个问题实在是让我很沮丧。我尝试过:

1. 在新窗口中打开 Canvas
2. 在新窗口中打开 Canvas 所在的div
3. 使用 Canvas2Image (http://www.nihilogic.dk/labs/canvas2image/)

这是我当前的 Javascript 方法(绑定(bind)到一个按钮):

    function saveImage(div_id) {

        var canvas = document.getElementById("tree-canvas");
        Canvas2Image.saveAsJPEG(canvas);
    }

但是，每次(我指的是所有 3 个选项)我都会得到我的节点，但不会得到分配给该节点的标签。这太令人沮丧了!!

有人遇到过这种情况吗？这一定是以前遇到过的问题..

Answer 1

对于将来遇到此问题的任何人，我通过以下方式解决了这个问题:

将标签类型更改为“Native”:

            Label: {
                type: 'Native',
                color: '#000000'
            },

我还获取了 Canvas ID(顺便说一下，HTML 5)并将图像放入新窗口中:

    function saveImage() {

        var canvas = document.getElementById("canvas");
        window.open(canvas.toDataURL("image/jpeg"));
    }