0

Draw2D.js について質問があります。JQuery-ui を使用してキャンバスのサイズを変更していますが、キャンバスのサイズを変更すると、キャンバスを破棄して新しいキャンバスを作成する必要があります。そうしないと、多くのキャンバスが重なってしまいます。私が電話canvas.destroy()しても何も機能しません(ドキュメントに記載されているように)。

キャンバスをソフトに破棄する方法はありますか? JQuery-uiにサイズ変更機能はありますか?

@MacGyverに感謝します。2番目の命題で解決策を見つけます。SVG DOM を編集する必要があります :)

ここで私のソリューションを共有しますjsfiddle ! それは役立つかもしれません!

4

1 に答える 1

0

幅と高さを手動で設定することにより、キャンバスの DOM ノードを動的に変更できるはずです。ここでは、幅 2500px、高さ 2500px です。

<div onselectstart="javascript:/*IE8 hack*/return false" id="draw2d" style="width:2500px; height:2500px;-webkit-tap-highlight-color: rgba(0,0,0,0);"></div>

canvas.setScrollArea("draw2d");

または、JavaScript を使用して DIV タグの幅と高さを動的に変更します。

もう 1 つの方法は、ズームを動的に設定することです。

canvas.setZoom(1);  // default 1x (1:1 zoom)
canvas.setZoom(.5);  // .5x (1:2 zoom)
canvas.setZoom(2);  // 2x (2:1 zoom)

app.layout()次に、関数を呼び出します

参照:

http://draw2d.org/draw2d_touch/jsdoc/#!/api/draw2d.Canvas
于 2014-09-04T16:15:13.373 に答える