問題タブ [kineticjs]

私は4つのセクターを持つ円を持っています。セクター 1 と 3 をクリックすると、円は特定の角度、たとえば時計回りに 45 度回転し、セクター 2 と 4 をクリックすると、円は反時計回りに同じ角度だけ回転します。kineticJS の transitionTo メソッドを使用してそれを行うには?

私は使っている

しかし、最初のクリック後にトランジションが機能していないようです。一貫性のない回転の理由を誰か教えてもらえますか...回転ごとにキネティックレイヤーのコンテキストを保存する必要がありますか???

kineticJS の transitionTo メソッドを使用して、マウスのクリック イベントで図形のアニメーション回転を表示しています。最初に形状をクリックすると正常に動作しますが、その後のクリックでは形状が回転しません。クリックするたびに、ある角度で形状の遷移（回転）を表示したい。私が犯している間違いを教えてください。どうすれば修正できますか??

これは私が使用しているコードです

kineticjs (または SVG で簡単な場合は rapeljs) で複数の重なり合う形状のマウスオーバー検出を行う簡単な方法はありますか? つまり、部分的に重なる 2 つの円がある場合、4 つのシナリオを何らかの形で検出したいと考えています。

1) 形状がない場合 2) 円 A を超える場合 3) 円 B を超える場合 4) 円 A と円 B の両方 (オーバーラップ) を超える場合

しかし、「n」個の円/形状に拡張できる汎用実装が必要です。

乾杯

KineticJSを使用してWebアプリを構築しようとしていますが、基本的には、ロード時に実行され、キャンバス（KineticJSのステージ）に画像を追加する関数があります。ただし、関数が実行されるたびに、既存の画像の下に画像が再度追加されます。必要に応じて、現在ステージ上にある画像を置き換えます。関数が読み込まれるたびに新しい画像オブジェクトを作成することと関係があることはわかっていますが、その位置が（下で）異なる理由については混乱しています。ここで同じイベントをシミュレートしました：http：//jsfiddle.net/UCvbe/-ボタンを数回クリックすると、画像が下に複製されます。最終関数は、ユーザーがノッカーを選択したときに実行されるため、最終関数は、シルバーノッカーなどを描画することを認識できるように、「シルバー」などのパラメーターを受け入れる必要があります。

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

Kineticjsのv3.10.2を使用しています。私は公式デモをフォローしています 問題は48行目です（コメントには「//ドラッグアンドドロップの場合」と書かれています）

最新バージョンでは削除されており、メソッド.dragに置き換えられています。.isDragging()しかし、.movingプロパティはどうですか？その未定義。

Kineticjsの最新リリースで動作させるにはどうすればよいですか？

よろしく。

次のコードを検討してください。

360度のように画像をその場で回転させる方法はありますが、ピボットポイントは中心にありますか?

したがって、画像オブジェクトを作成するときの目標は、そこでアニメーションを実行することです。現在、画像の片側のみを回転させています。

クリックイベントでテキストを回転させようとしています。それは達成されましたが、Google Chrome で回転するとテキストがちらつきます。Mozilla では問題なく動作します。このテキストのちらつきを止める方法。回転を遅くしたくないし、同じ速度で回転したいので、遷移の期間を変更したくない.助けてください. コードは

私は単純な何かを見逃している必要があります。私はかなり行ごとに行ってきましたが、それはうまくいかないようです。画像を読み込めません。

同じコードが、Kinetc.jsを使用した別のキャンバスアプリでも機能するようです。なぜこれが機能しないのか理解できないようです。

コードもチュートリアルとかなり似ています：http ：//www.html5canvastutorials.com/kineticjs/html5-canvas-kineticjs-image-tutorial/

次のコード サンプルでは、​​HTML5-canvas 要素に描画される画像を使用しています。ただし、これを Chrome でテストすると、画像がすぐに中央に配置されません。IE ではこれに問題はありません (IE9 を使用)。Chrome の開発者ウィンドウを使用して DOM 内の要素の 1 つを選択すると、どういうわけかそれが突然中央に表示されます!!! 何が何を変更しているのかがわからないため、デバッグが困難です。

私は現在、Kinetic Jsとキャンバスを使用して HTML5 と Javascript プロジェクトに取り組んでいます。

行 ( Kinetic.Line) を点滅させる必要があります。

setTimeout内部に関数を含む無限ループで構成されるものを試しましたが、JavaScript を使用できません (ポイントを選択できないため、そのような欠点です!)。

誰かが私を助けることができるアイデアを持っていますか?

（私の下手な英語でごめんなさい）