問題タブ [konvajs]

私の konva アプリでは、ユーザーがアイコンをタップするのに問題があります... konva はdragStartイベントではなくイベントを発行することがよくありますtap(おそらく、ユーザーの指がダウンしている時間の長さ、またはタップ中に指がわずかに動いたという事実が原因です)。

tapが発行される待機時間や移動距離のパラメータを調整する方法はありますか?

dragDistanceユーザーが指定されたピクセル数を移動するまで の発行を延期するがあることがわかりましたが、指定されたピクセル数でイベントdragStartを発行するように指示する方法が見つかりませんでした。tap

私のアプリケーションでは、KonvaJS を広範囲に使用していますが、KonvaJS イメージ クリックで Bootstrap ポップオーバーを作成する必要がある段階に達しました。それは可能ですか?

このアプリには 50 を超える画像があり、それぞれにポップオーバーを作成する必要があることに注意してください。

Konva.js を使用してキャンバス アニメーションを実行しています。画像が塗りつぶされた円の形状があり、その形状にカラー オーバーレイ/フィルターを適用したいと考えています (RGBA)。

これは、私が Shape オブジェクトを作成する方法です:

デモ: http://jsbin.com/winugimeme/edit?js,output

Docs は RGBA filter の概要を説明していますが、私が知る限り、それはKonva.Imageアイテムにしか適用できません。

形状オブジェクト/塗りつぶし画像にフィルターを適用できるように、上記のコードを作り直す方法はありますか?

VS と GTK は、konva に必要なノード キャンバスを構築するためにのみ必要なようです。

私は完全な初心者なので許してください。しかし、他に使用することのない大量の巨大なものをダウンロードしてインストールすることなく、これを行う他の方法はありますか? 最近では、ほとんどのブラウザが HTML5 キャンバスをネイティブにサポートしているため、プロセス全体がばかげているように思えます。

免責事項: この投稿はこの投稿の複製と見なされる場合がありますが、具体的に必要性を示しました。

私のKonvaJSアプリケーションでは、クリック イベントを Rectangle シェイプ ( Upper Layerの子) からLower Layerに追加された複数の画像に伝達する必要があります。

下位レイヤーには、画像と形状の間に 50 を超えるオブジェクトがあることに注意してください。そのため、下位レイヤーのターゲット オブジェクトをどうすればよいでしょうか。

親切にここに私の必要性を示す例があります:

プロジェクトで Konva JS を使用しています。ドラッグ可能なボタンクリックで形状を追加しています。形状をクリックすると、形状の X 位置と Y 位置を取得する必要があります。getX関数は元の XとgetYY を返します。ドラッグ後に X と Y を更新するにはどうすればよいですか。

以下のコード例。

回転、ドラッグ、サイズ変更が可能な画像を描きたい。

ドラッグしてサイズ変更できます

しかし、画像を回転すると、ノードの位置が間違っています

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

どうすればこの問題を解決できますか?