問題タブ [kineticjs]

スプライトを含むグループで表されるユニットを移動するコードを KineticJS で記述しようとしています (グラフィカルな表現にさらに多くのものを追加したい場合があるため、グループです)。

移動関数のコードは次のとおりです。

行がなければ、sprite.setAnimation('idle');すべてがうまく機能します。この行を使用すると、ほとんどの場合、すべてが期待どおりに機能します (つまり、動きが終了するとアニメーションが停止します) が、スプライトが完全に消えて、次の不可解なエラー メッセージが表示されることがあります。

エラー: d is undefined" が kinetic-v3.9.8.min.js の 29 行目にある

テストの目的で、今のところ moveTo は画面上でマウスをクリックすることによって呼び出されます。前の動きが終わる前にマウスをクリックしてしまったことが関係しているのではないかと思っていたのですが、気をつけていてもたまにエラーが発生してしまいます。

編集: ほとんどの場合、ステージの端近くをクリックし、移動命令がユニットを「アウト」するように命令すると、エラーが発生します。それでも、スプライトのアニメーションを変更して接続を理解しない限り、悪いことは何も起こりません。また、国境の近くをクリックせずにエラーを再現することができましたが、それはまれです。

KineticJSで何かを描いてみています。テキストを垂直方向に揃えたいのですが、希望どおりにレンダリングするための属性が見つかりません。

「align」、「verticalAlign」を試しましたが、いずれも要件を満たしていません。

次のようなテキスト表示が必要です。

ただし、機能せず、常に次のように表示されます。

KineticJSに切り替えて、背景画像を繰り返し表示しようとしています。これが私が使用しているコードです：

今私がやりたいのは、基本的にこのチュートリアルが行うことです： http ://www.html5canvastutorials.com/tutorials/html5-canvas-patterns-tutorial/ ：

このチュートリアルでは、canvas/contextオブジェクトを使用して画像を繰り返します。ドキュメントで画像の繰り返しを見つけることができなかったので、ステージ（またはレイヤー）のメインコンテキスト要素にアクセスして、チュートリアルと同様に使用できるかどうか疑問に思いました。

KinetickJS を使用して画面に画像を描画しています。ステージにレイヤーがあり、base64 形式で 1000 枚の画像を受け取ります。まずはキネティックで描いてみます

例1、正常に動作しますが、1000枚の画像をドラッグしたり、レイヤーで何かを実行しようとすると、非常に遅くなりました。次の例を試します

例 2、ただしこの場合、更新ごとにキャンバスが点滅し始めました

それで、それをより速くしたり、点滅を無効にしたりする方法はありますか？

ここで問題が発生しました...キャンバス画像を別の画像に変更したいのですが...それを行うのに問題があります...

これがコードです...

ご覧のとおり...変更したい画像がオンになっています

クリックボタンイベントを使用して...誰でも私を助けることができますか?

前もって感謝します....

アーク上にツールチップが必要な極グラフ ビジュアライゼーションを構築しています。マウスオーバーが不正確であることを除いて、機能します。形状のない場所にマウスを移動するとトリガーされ、必要なときにトリガーされません。

jsfiddleの私のプロトタイプを介して、自分で確認できます。

それを修正するために私ができることはありますか？

アップデート

実際、アークを fill() すると、実際にイベントが発生している領域が表示されます。完全にレスポンシブですが、塗りつぶしを考慮しないようにする方法を見つける必要があると思います...

キネティックでは、テキストにマウスオーバーを設定することはできますか？以下のコードは機能しません。テキストを長方形に置き換えると、正常に機能します。

ご協力ありがとうございました！

アップデート：

さて、もう少し検索しましたが、ピクセル検出を使用する必要があるようです。

詳細については、このチュートリアルを参照してください

結果は今のところ完璧ではありませんが、何もないよりはましです。

KineticJSでASCII文字を「人間が読める形式」に視覚化する方法は？

グラフィカル エディターの実装に KineticJS を使用しています。KineticJS グループをドラッグして、別の形状にドロップしたいと考えています。これまでのところ、「dropend」イベントをグループ内のハンドラーにバインドすることができました。しかし、ドロップに適した形状であることの証拠を与えるために、ドラッグ中にホバリングしている間に潜在的な目的の形状に色を変更したいと思います。私はそれを行う方法を見ることができず、キネティックのドキュメントで助けを見つけることができませんでした. どうすればいいですか？

ありがとう、エカ

キナティック JS を使用してキャンバス描画アプリケーションを構築しています。現在はこちら

182.19.26.90/kjs/

これは、ボックスを選択してドラッグすると、マウスのドラッグに従って長方形が作成されるように機能します。しかし、長方形の数が増えると、アプリケーションは非常に遅くなります。以下は私のコードです

}

大きなコードですが、ボックスを作成するだけでここに貼り付けました。どうすればこのスローダウンの問題を克服できるか、誰か教えてください。

どんな助けでも大歓迎です。

ありがとう