【问题标题】:JIT - Saving Spacetree as an imageJIT - 将 Spacetree 保存为图像
【发布时间】:2012-07-01 07:04:00
【问题描述】:

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

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

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

    function saveImage(div_id) {

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

但是,每次(我的意思是所有 3 个选项)我都会得到我的节点,但不是分配给节点的标签。实在是太郁闷了!!

有人遇到过这个吗?这一定是以前遇到过的问题..

【问题讨论】:

    标签: javascript canvas infovis thejit space-tree


    【解决方案1】:

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

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

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

    我还抓取了画布 ID(顺便说一下 HTML 5)并将图像扔到了一个新窗口中:

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

    【讨论】:

    • 这很有帮助。如果树太大而无法放入画布,你能建议我怎么做吗?我正在获取一棵树的一部分的图像。提前致谢。 :)
    猜你喜欢
    • 2012-10-21
    • 2013-10-08
    • 2012-10-31
    • 2013-11-08
    • 2013-11-08
    • 2011-10-25
    • 2012-09-25
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多