問題タブ [kineticjs]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - キャンバス上で2本以上の矢印の線を移動する
これはkinetic.jsを使用した私のコードです。3本の線を描画し、マウスを使用して移動します。
もっと時間をかけて矢印の線を描きたいのですが、適切な解決策が見つかりません。キネティックjsの矢印機能は誰でも私を助けることができますか
html - Kinetic JS - レイヤリングの問題
私は別のステージの上に2つの異なるステージを持っています。そして、それらにレイヤーを追加して、2 つの画像オブジェクトを配置しました。
さて、これらの画像オブジェクトに「クリック」イベントを与えました。
ただし、最近追加されたレイヤーは他のレイヤーの上にあるため、一番上のレイヤーのみがイベントをトリガーしています。
問題 :紫色のインジケーターをクリックすると、アラートが表示されます。ただし、黄色のインジケーターはレイヤーの背後にあるため、イベントをトリガーしません。
(下部にあるJSFiddleリンクを確認してください)
この問題を克服する方法..?
これは、画像を追加して配置するために使用しているコードサンプルです。
ワーキング JS フィドル リンク: http://jsfiddle.net/v4u2chat/aqf9Y/8/
注 :スライダーを使用して画像の位置を変更します。
画像位置コード
javascript - kineticjs によるインタラクティブな描画
クリックアンドドラッグで四角形を描きたいです。これどうやってするの ?クリック イベント リスナーをどこに置く必要がありますか? ステージ上ですか、それともレイヤー上ですか?次のコードがありますが、動作しません:
ありがとう。
ember.js - DOMの既存の要素から子ビュー要素を設定する方法
次のDOMがあるとします。
divの「container」はEmber.ContainerViewから取得されます。
div "created-by-other-tools"は、Emberとは何の関係もない別のjavascriptコードから来ています。
このnewDivを私のコンテナの子ビューにリンクすることは可能ですか?私はこのようなものが欲しいです:
私の考えは、newDivのイベントを子ビューで処理することです。
javascript - Meteorを介したKineticJSCanvas要素の更新
Meteorを介してKineticJSオブジェクトの位置を更新しようとしています。
問題は次のとおりです。
流星のドキュメントによると、次のようになります。
データが更新されているかどうかを確認しようとしました:
これがgithubです:
https://github.com/randompast/randomtests/tree/master/meteorCanvasTest
javascript - パフォーマンスの問題 KineticJS
私はキャンバスにかなり慣れていないので、いくつかの入力が必要です。
ストックを含むライブラリの概要を作成したくないので、約 2k 以上の長方形を処理する必要があります。問題は、ドラッグとスケールのパフォーマンスがあまり良くなく、fps が 10 を下回ることです。これは明らかに見苦しいので、どうすればよいか、または他の方法で私の (基本的な) スクリプトのパフォーマンスを改善する方法を教えていただければ幸いです。 .
http://jsfiddle.net/kHGvh/13/embedded/result/
http://jsfiddle.net/kHGvh/13/
javascript - kineticJS と Clip 関数でキャンバスをドラッグ可能
を扱う問題がありますcanvas
。
kinetic
モバイルイベント(特にドラッグ可能)を使用したいのですが、同時に関数も使用したいと思いますclip()
。
これが私のコードです:
私はドラッグ可能な最初の円を持っていますが、それを使用したいと思いますが、そのclip function
方法がよくわかりません。さらに、次のような 2d コンテキストを取得しようとしました。
var context = this.getContext();
しかし、うまくいきませんでした。助けてくれる人がいたらよろしくお願いします。
この例も見ましたが、モバイル デバイスでは機能しません。
javascript - KineticJSのMouseoverイベントに関する問題
KinetiJsCanvasライブラリで少し実験しようとしています。以下で私が行ったことは-長方形を描くことです。マウスオーバーがあるときはいつでも、特定のポイントの間に線を引く必要があります。
問題は、マウスオーバーが発生したときに線が表示されないことです。
関数が呼び出されるかどうかを確認しようとonmousemove
しましたが、呼び出されますが、線が引かれません。誰かが理由を説明できますか?
kineticjs - ユーザーがkineticjsのオブジェクトのグループを削除できるようにする方法は?
動的キャンバスにさまざまなドラッグ可能なグループがあります。ユーザーがこれらのグループの一部を削除できるようにする必要があります。
最初の問題は、キャンバスからグループ (およびそのすべての部分) を実際に削除する方法です。
2 つ目は、ユーザーがこれを実行できるようにするために、どのような種類の UI 対話を使用するかです。Dragend をバインドし、いくつかの条件 (オブジェクトの位置やモーダル変数など) を確認し、条件が満たされた場合はグループを削除することを考えていました。より良い提案はありますか?