オブジェクトをプログラムで移動して成功させようとしましたが、オブジェクトがプログラム的に移動された後、オブジェクトの現在の位置を選択してオブジェクトを選択できませんでした、まだオブジェクトは古い位置から選択可能です私はcanvas.calcOffset();
で試してもまだ動作していません。オブジェクト移動後のFabricjs新しい位置で選択できない
どのように私は、現在の位置にあるオブジェクトの選択
Javascriptを
var canvas=new fabric.Canvas('canvas');
canvas.add(new fabric.Rect({
left:100,
top: 100,
width: 75,
height: 50,
fill: 'white',
stroke: 'black',
strokeWidth: 3,
padding: 10,
selectable: true
}));
function changePosition()
{
canvas.item(0).set({left:300});
canvas.renderAll();
canvas.calcOffset();
}
HTML
<div>
<canvas id="canvas" width="400" height="400" style="border:1px solid red"/>
</div>
<input type="button" onclick="changePosition()" value="Change Possition"/>
を次のように私が使用しているコードを作ることができますエラーに
- を再現する
階段現在の位置に四角形を選択してみてください、そしてオブジェクトが必要になります以前にあったplaveにカーソルを移動し変更位置ボタン
- をクリックしますオブジェクトを選択できるようにする
'canvas.item(0).setCoords()' – kangax
@kangaxありがとうございました。それが動かされれば、その座標が更新されるべきであるから、そのバグと思われる。 –
@kangax私はホワイトボードを作成しようとしていますが、私は線を描きたいと思います。先生が線を描くときにすべての学生がホワイトボードに図面を更新する必要があります。 –