调整 JIT 图的画布大小答案

【问题标题】：Resizing the canvas of JIT graph调整 JIT 图的画布大小
【发布时间】：2012-02-16 10:46:13
【问题描述】：

如何在 JIT Graph 绘制后调整其画布的大小？ JIT 力有向图is described here

我尝试过如下 smt（使用 jQuery）：

function resizeCanvas(size) {
var e$ = $('#visualizerView, #visualizerContainer');

e$.animate(
    {height: "+=" + size + "px"},
    500
);

//TODO make it work?
//$('#visualizerView').empty();
//var pos = fdGraph.canvas.getPos(true);
//alert(pos.x+" "+pos.y)
//fdGraph.canvas.translate(0, -50);
//fdGraph.canvas
//initGraph(graph);

}

但我能做的最好的事情是拉伸容器 DIV - 而不是画布本身。当我拉伸画布时，纵横比会出错......

【问题讨论】：

标签： javascript jquery html html5-canvas

【解决方案1】：

画布像素缓冲区的宽度和高度独立于文档演示（样式）的宽度和高度进行协调。

Canvas width and height in HTML5

【讨论】：

我不知道为什么，但我根本无法正确调整 JIT 图表的大小。圆形变成椭圆形。也许你可以提供一个 jQuery 2-liner 来展示如何调整 <canvas>
你一定搞砸了你的纵横比。