問題タブ [konvajs]

私の質問は、形状をドラッグ アンド ドロップする方法ですが、ドラッグ可能な形状を複製し、そのクローンをドロップ可能な形状にドラッグする方法です。

私はKonvaが初めてです。ドキュメントと例を見ていると、図形をドラッグ アンド ドロップする方法を見つけることができました。

形状のクローン作成への参照を見つけましたが、これを行う方法がわかりません。

誰かが私に道を示すことができれば、それは非常に高く評価されます。

ありがとうございました

私のコードでは、フルスクリーンの外観を維持するために、Konva キャンバスと konvajs-content 要素のサイズを変更しています。

イベント入力をキャプチャしようとするまで、これはすべてうまく機能します。JSFiddle でわかるように、'Test' テキストをクリックしようとしても、イベントは発生しません。

しかし、テキストの左に ~40 ピクセル、テキストの上に 20 ピクセルをクリックすると、イベントが発生します。

https://jsfiddle.net/3qc3wtr3/2/

サイズ変更動作を維持し、要素の実際の位置に基づいてイベントが発生するようにする方法はありますか?

タイトルの本質は、私の例で説明され、提示されています。私の仕事は疑似形状を作ることです。canvas 要素 (三角形)、canvas で受け入れられたプロパティ{pointer-events:all}、およびこの要素の取り扱いにカーソルを合わせる必要があります{pointer-events:none}。フレームワーク konvajs を使用してこれを行う方法。

HTML5 や JavaScript のみを使用して、「この写真に顔を入れて友達と共有する」機能 (多くのサイトで見られるように、このサイトなど) を簡単に複製することは可能ですか?

これを実行している他のすべてのサイトで Flash が使用されていますが、すべてのモバイル デバイスで実行できるようにすることをお勧めします。

Konva (KinectJS の後継) を調べましたが、HTML と JS だけを使用してこれを実行できるかどうかはまだ完全にはわかりません。

マウスを押してキャンバスやブラウザー ウィンドウを離れたときに、konva.js が Raphael.js や Paper.js などの他のグラフィックス ライブラリのように動作するかどうかを尋ねます。このビデオでは、デフォルトでの動作の違いが示されています。

https://www.youtube.com/watch?v=DeBNJiN_Vdo

konva.js が同じように機能する秘訣はありますか?

(グーグル翻訳)

最近はKonvaJSで遊んでいます。clickにイベントリスナーを設定しましたshape。をクリックするshapeと、リスナーが呼び出されます。私のリスナーではevent.preventDefault()、他のイベントのトリガーを停止するメソッドを呼び出しています。しかし、私がそうすると、次のように表示されます。

キャッチされていない TypeError: event.preventDefault は関数ではありません

何が欠けているのかわからない。これが私のコードです:

私は現在、KonvaJS を調べて、スクラップ予約アプリのように作成し、箇条書きのように表示しようとしています。

テキストシェイプを使用し、テキストに html を追加して、レンダリングされるかどうかを確認しようとしましたが、うまくいきません。

これは可能ですか？もしそうなら、どのように？そうでない場合、KonvaJS がリスト、太字の拡張などの派手なテキストを表示するために他にどのような方法が必要ですか?

出力: 申し訳ありませんが、画像を投稿するのに十分な評判がありませんが、出力テキストは次のとおりです。

次のようなものにしたい：

これは通常のテキストです

これは大胆です

どんな助けでも感謝します、ありがとう!