問題タブ [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 投票する
1 に答える
453 参照

html - 円弧を 20 個描いて円を作成する

問題が発生しました。Kineticjs ライブラリを使用して、20 個の円弧から円を作成しようとしています。

問題: 円弧が私のページに表示されません....

私はこのライブラリが初めてなので、何が間違っているのかわかりません。誰か次のページのコードを読んで助けてくれませんか?

http://jsfiddle.net/cMHv5/

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

kineticjs - 回転時に KineticJs の centerOffset を修正する方法

KineticJs の centerOffset に問題があります。オブジェクト (長方形) を回転すると、中心がずれてしまい、修正する方法が見つかりません。

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

image - HTML 5 の Canvas 内で画像をドラッグ アンド ドロップした後、その ID を表示するにはどうすればよいですか?

HTML5 のキャンバス内に 4 つの画像があります。Canvas のどこかに画像をドロップすると、 Canvas 内に画像の名前を表示したいと思います。
出来ますか?はいの場合、どのように行うことができるか教えてください。

ソースコードはここにあります。キャンバスの処理には KineticJS を使用します。

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

windows - Html5 Canvas : 回転したテキストが Google Chrome で歪んで見える

HTML5 キャンバスでテキストを回転させました。Google Chrome 以外のブラウザでは問題なく表示されます。Windows の chrome では歪んで見えます。また、MACでも問題なく表示されます。なぜそうなのですか?Chrome ベータ 20 を使用しています。HTML 5 の問題ですか、それとも Google Chrome または Windows のバグですか? この歪みの問題を解決するにはどうすればよいですか?

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

jquery - Canvas インスタンスを jQuery ギャラリー内に配置できますか?

Canvas と KineticJS を使用していくつかの単純なパーティクルとゲームの例を作成しましたが、それらを披露するために Nivo のようなスライダーを使用することを考えていました。最初の考えは、スライダーの遷移時に各キャンバスを再描画する必要があるということですが、誰かがすでにこれを試して成功または失敗したかどうか、そしてそれが実現可能かどうか疑問に思っていましたか?

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

kineticjs - KineticJS を使用してオブジェクトのグループを回転させる

グループ内にオブジェクト [円といくつかの線] のグループがあります。回転が円の中心にある角度[たとえば90]でグループ全体を回転させたいと思います。しかし、グループを回転させると、円の中心に設定されたオフセットで回転しません。

ヘルプやコメントをいただければ幸いです。

ここで要求された@JohnWisemanは私のコードです。

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

javascript - HTML5 / Javascriptを使用してロングタッチ/タップホールドでキャンバスが選択されないようにするにはどうすればよいですか?

HTML5モバイルゲームのタッチイベントやその他のキャンバス関連オブジェクトを処理するためにKinetic.jsライブラリを使用しています。ライブラリは、すべてのイベントにアクセスするための簡単なインターフェイスを提供しますが、ロングタッチ/タップホールドイベントをキャッチするためのハンドルがありません。私のゲームでは、ユーザーがキーを押したままにして発射を続ける必要がありますが、これによりキャンバス全体が選択され、選択を解除するために追加のクリックが必要になり、繰り返し実行すると煩わしくなります。私はこの議論を見ましたが、そこで解決策は受け入れられません。

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

javascript - html5のキャンバス内のTexbox

HTML 5を使用してキャンバス内にテキストボックスを挿入できますか?はいの場合、キャンバス内にテキストボックスを挿入する方法を教えてください。現在、長方形を使用して機能を実装していますが、それは私が楽しみにしている方法ではないので、HTML5でKINETICJSを使用してテキストボックスを作成するのを手伝ってください。

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

javascript - Kinetic.js の回転したグループ オブジェクトの新しい子のオフセットが正しくない

ユーザーが円に線を描いてから、線を含む円を回転させる必要があります。ただし、「グループ」を使用して円をグループ化し、線を描画すると、線は円に描画されません。

この後、グループを移動すると、線は円ではなく、レイヤーの他の場所に描画されます。

どんな助けや提案も大歓迎です。ありがとう

作業コピー: [開始] をクリックし、[元に戻す] ボタンの横にある円の横にある 2 つの赤い円をクリックします。

微生物学ゲーム リンク

ここにコードがあります:私は最初にクリックでx座標とy座標を取得し、次にマウスの移動で線を引きます

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

html - kineticJS キャンバスのアンカーを矢印に変更しますか?

ここ数日、kineticjs とキャンバスで遊んでいます。サイズ変更可能な画像をロードするドラッグ アンド ドロップ キャンバスがあります。サイズ変更可能な画像のアンカーは円です。

それらを矢印に変えたり、画像のサイズが変更可能であることをユーザーに示すようなものにしたいと思います。誰かがこれを行う方法や、矢印を描く方法やアンカーを画像に置き換える方法を教えてくれるチュートリアルを持っていますか?

助けてくれてありがとう...