問題タブ [konvajs]

図形の配列を動的に作成することができ、それらはさまざまな座標にうまく配置されています。

ただし、そのループ内でイベントを割り当てようとすると、クリックの結果は常に同じになります。クリックイベントがまだ私のループの最後の反復を参照しているように。

私は何が間違っているのですか？ありがとう！

編集：実際には、隔離された環境でこの動作を再現しました：

これらの4つのラベルに異なるイベントを追加するにはどうすればよいですか？

I have an HTML5 Canvas. I am using the KineticJS(KonvaJS) canvas library. On a blank canvas I dram an image as shown in the figure below. Now I want to create a circle Shape which can be used to erase parts of the image. The red circle in the image is the eraser.

How can I erase parts of an Image on HTML5 Canvas?

回転した画像に円で描きたい。円はドラッグ＆ドロップで移動します。ここで JSFiddle を作成しました。私が使用するdegrees = 0と正常に動作します：

描かれている位置は正しいです。たとえば、次数をゼロ以外の値に変更するとdegrees = 45、次の結果が得られます。

描画位置を指すはずのオレンジ色の円の位置が異なります。

私が使用するコードは次のとおりです。

(完全な例は、私の JSFiddle hereにあります。)

回転した画像の上にオレンジ色の円をドラッグすると、図面の位置がオレンジ色の円とは異なります。

私が試したのは私の描画機能でした：

しかし、これは機能しません。正しい描画位置が表示されません。

回転した画像で正しい描画位置を取得するにはどうすればよいですか?

KineticJSのアクティブ メンテナンスは、2014 年 12 月に創設者によって中止されました。以前はkineticjs.com Web サイトでホストされていたドキュメントが 404 を返すようになりました。

ドキュメントの最新バージョンはどこにありますか?

http://joxi.ru/NDrlaKnT01RamP 目標は、ユーザーが視覚的に等分三角形に分割できるようにすることです。結果の図は、10% の精度でサイズが等しくなるはずです。キャンバスに実装する方法は？誰かが言うことができますか？