問題タブ [kineticjs]

カードのテキストをクリックすると、次のWebサイトのようにテキストを編集できるようになります。

http://www.vistaprint.com/vp/ns/studio3.aspx?pf_id=064&combo_id=120585&free_studio_gallery=true&referer=http%3a%2f%2fwww.vistaprint.com%2fvp%2fns%2fdefault.aspx%3fdr%3d1％ 26rd％3d1％26GNF％3d0％26GP％3d5％252f19％252f2012％2b12％253a36％253a37％2bAM％26GPS％3d2448654652％26GNF％3d1％26GPLSID％3d＆rd = 1

これが私のコードです：

私は多くの方法を試しましたが、それでもこの問題を解決することはできません。

html5でcanvaskineticjsを使用してこれを行うにはどうすればよいですか？

私はkineticJSを使い始めたばかりですが、 このチュートリアルに従った後にいくつかのエラーが発生します

理由はわかりませんが、KineticJSファイル内から例外が発生しています。

"Uncaught TypeError: cannot call method 'appendChild' of undefined".

ステップバイステップで実行すると、alert()その後停止することがわかります

var stage = new Kinetic.Stage（ "rightSide"、578、200）;

しかし、私は最も確実に持っています：

私も試しました：

同じエラーが発生します。

ありがとう。

編集：以下のコメントに応えて、これはチュートリアルからのコピーアンドペーストです：

dragend色の異なる2つの円があり、ユーザーがイベントを使用してオブジェクトを離した後、ドラッグした円の塗りつぶしの色を取得したいと思います。

際限なく循環しているライブラリ コードがいくつかあります。

javascript でサイクルの検出と回避を最適に実行する方法がよくわかりません。つまり、オブジェクトが「this」参照からのものかどうかを調べるプログラム的な方法はありません。

これがコードです。ありがとう！

ゲーム内に次のサークルがあります。プレーヤーはそれらをゲーム内の別の場所にドラッグします。プレーヤーが選択したときに、もう一度再生すると、形状が init 関数で指定された元の位置に戻ります。これについてどうすればよいですか？ありがとうございました。

私はキャンバスアプリに取り組んでおり、ビットマップ、ライン、グループを作成し、クリックイベントを管理できる必要があります。

私は試した：

1. キネティック-v3.9.6.js
2. easeljs-0.4.2.min.js

これらは非常に優れたツールですが、ビットマップと行のグループの幅を取得する方法がありません。これを想像してください：

これは機能しません。

現在、easeljs-0.4.2.min.jsをハッキングしてこれを実現することを検討しています。これは、as3 / as2の単純なコードを移植するための良い出発点であるためですが、これが良いアイデアかどうかはわかりません。

Flashが表示オブジェクトを実装する方法が本当に気に入っているので、ツールをご存知の場合はお知らせください。

Kinetic.Line オブジェクトでマウスオーバーを検出しようとしています。

ドキュメントによると、Kinetic.Line はノードの子であるため on 関数があります。on 関数は、サポートされているイベントとして mousemove と mouseover をリストします。

ただし、行での mouseover または mousemove では機能しないようです。

これは設計によるものですか？この機能は実装されますか? 私は何か間違ったことをしていますか？

Image を div からドラッグしてキャンバスに配置する方法に関するクエリまたは例が必要でした。私は Jquery を使用しており、KineticJs はある程度成功しています。

私の目的は、画像をドラッグして、 http://polyvore.com/cgi/appのようなキャンバスでさまざまな機能を実行できるようにすることです。

ありがとうございました。

以下のコードは実行されません。これは次の行が原因だと思います。

ノード[i]は範囲外だと思いますか？もしそうなら、なぜですか？

（問題を特定するためにコードの多くをコメントアウトしました。基本的に、コードは10個の円を作成し、次に10個の曲線を作成し、kineticjsを使用してキャンバスでそれらをアニメーション化します）。

どうも！

コード：

これは jsfiddleで、マウスのドラッグ イベントで移動する必要がある形状を持っています。javascript コンソールで shape.move() が適切な値で呼び出されていることがわかりますが、形状は動きません。

形が動かないのはなぜ？