問題タブ [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.

0 投票する
2 に答える
1246 参照

javascript - キャンバス上で2本以上の矢印の線を移動する

これはkinetic.jsを使用した私のコードです。3本の線を描画し、マウスを使用して移動します。

もっと時間をかけて矢印の線を描きたいのですが、適切な解決策が見つかりません。キネティックjsの矢印機能は誰でも私を助けることができますか

0 投票する
1 に答える
1801 参照

html - Kinetic JS - レイヤリングの問題

私は別のステージの上に2つの異なるステージを持っています。そして、それらにレイヤーを追加して、2 つの画像オブジェクトを配置しました。

さて、これらの画像オブジェクトに「クリック」イベントを与えました。

ただし、最近追加されたレイヤーは他のレイヤーの上にあるため、一番上のレイヤーのみがイベントをトリガーしています。

問題 :紫色のインジケーターをクリックすると、アラートが表示されます。ただし、黄色のインジケーターはレイヤーの背後にあるため、イベントをトリガーしません。

(下部にあるJSFiddleリンクを確認してください)

この問題を克服する方法..?

これは、画像を追加して配置するために使用しているコードサンプルです。

ワーキング JS フィドル リンク: http://jsfiddle.net/v4u2chat/aqf9Y/8/

注 :スライダーを使用して画像の位置を変更します。

画像位置コード

0 投票する
3 に答える
7672 参照

javascript - kineticjs によるインタラクティブな描画

クリックアンドドラッグで四角形を描きたいです。これどうやってするの ?クリック イベント リスナーをどこに置く必要がありますか? ステージ上ですか、それともレイヤー上ですか?次のコードがありますが、動作しません:

ありがとう。

0 投票する
1 に答える
1004 参照

ember.js - DOMの既存の要素から子ビュー要素を設定する方法

次のDOMがあるとします。

divの「container」はEmber.ContainerViewから取得されます。

div "created-by-other-tools"は、Emberとは何の関係もない別のjavascriptコードから来ています。

このnewDivを私のコンテナの子ビューにリンクすることは可能ですか?私はこのようなものが欲しいです:

私の考えは、newDivのイベントを子ビューで処理することです。

0 投票する
1 に答える
903 参照

javascript - Meteorを介したKineticJSCanvas要素の更新

Meteorを介してKineticJSオブジェクトの位置を更新しようとしています。

問題は次のとおりです。

流星のドキュメントによると、次のようになります。

データが更新されているかどうかを確認しようとしました:

これがgithubです:

https://github.com/randompast/randomtests/tree/master/meteorCanvasTest

0 投票する
2 に答える
2488 参照

javascript - パフォーマンスの問題 KineticJS

私はキャンバスにかなり慣れていないので、いくつかの入力が必要です。

ストックを含むライブラリの概要を作成したくないので、約 2k 以上の長方形を処理する必要があります。問題は、ドラッグとスケールのパフォーマンスがあまり良くなく、fps が 10 を下回ることです。これは明らかに見苦しいので、どうすればよいか、または他の方法で私の (基本的な) スクリプトのパフォーマンスを改善する方法を教えていただければ幸いです。 .

http://jsfiddle.net/kHGvh/13/embedded/result/
http://jsfiddle.net/kHGvh/13/

0 投票する
1 に答える
2014 参照

javascript - kineticJS と Clip 関数でキャンバスをドラッグ可能

を扱う問題がありますcanvas

kineticモバイルイベント(特にドラッグ可能)を使用したいのですが、同時に関数も使用したいと思いますclip()

これが私のコードです:

私はドラッグ可能な最初の円を持っていますが、それを使用したいと思いますが、そのclip function方法がよくわかりません。さらに、次のような 2d コンテキストを取得しようとしました。

var context = this.getContext();

しかし、うまくいきませんでした。助けてくれる人がいたらよろしくお願いします。

この例も見ましたが、モバイル デバイスでは機能しません。

0 投票する
1 に答える
1305 参照

javascript - KineticJSのMouseoverイベントに関する問題

KinetiJsCanvasライブラリで少し実験しようとしています。以下で私が行ったことは-長方形を描くことです。マウスオーバーがあるときはいつでも、特定のポイントの間に線を引く必要があります。

問題は、マウスオーバーが発生したときに線が表示されないことです。

関数が呼び出されるかどうかを確認しようとonmousemoveしましたが、呼び出されますが、線が引かれません。誰かが理由を説明できますか?

0 投票する
2 に答える
3019 参照

kineticjs - ユーザーがkineticjsのオブジェクトのグループを削除できるようにする方法は?

動的キャンバスにさまざまなドラッグ可能なグループがあります。ユーザーがこれらのグループの一部を削除できるようにする必要があります。

最初の問題は、キャンバスからグループ (およびそのすべての部分) を実際に削除する方法です。

2 つ目は、ユーザーがこれを実行できるようにするために、どのような種類の UI 対話を使用するかです。Dragend をバインドし、いくつかの条件 (オブジェクトの位置やモーダル変数など) を確認し、条件が満たされた場合はグループを削除することを考えていました。より良い提案はありますか?