2012-02-16 229 views
1

如何在繪製JIT圖形後再調整大小? JIT力向圖is described here調整JIT圖形的畫布尺寸

我已經試過這樣(使用jQuery)SMT:

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 - 而不是畫布本身。當我拉伸畫布時,縱橫比會出錯......

回答

1

畫布像素緩衝區寬度和高度獨立於文檔演示文稿(樣式)的寬度和高度進行協調。

Canvas width and height in HTML5

+0

我不知道爲什麼,但我根本就不能正常調整一個JIT圖。圈子變成橢圓形。也許你可以提供一個jQuery 2-liner來顯示如何調整大小'' – Queequeg 2012-03-06 14:12:48

+0

你必須弄亂你的長寬比。 – 2012-03-06 15:00:53