2012-02-16 6 views
1

JITグラフのキャンバスを一度描画した後、キャンバスのサイズを変更するにはどうすればよいですか? JITフォース有向グラフis described hereJITグラフのキャンバスのサイズを変更する

私は(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

+0

あなたはアスペクト比を乱す必要があります。 –

関連する問題