問題タブ [kineticjs]

私の新しいプロジェクトでは、HTMl5 / canvas/JSを使用してグラフを描画しています。explorercanvasのおかげで、古いブラウザでも非常にうまく機能します。

それにユーザーインタラクションを追加したいと思います。オンラインで読んだ例では、 KineticJSを使用するように言われていますが、ブラウザーの互換性に関する情報が見つかりません。KineticJSがどのブラウザで動作するか知っている人はいますか？

中程度から大量の形状 (50-500) を保持するキャンバスがあります。

これらのツールを使用して、希望する形状の輪郭を描くことに成功しました。

マウスオーバーで、diagramImage のコンテキストの strokeStyle を別の色に変更したいと思います。キャンバス要素は「状態」を追跡しないことを理解しています。そのため、現在形状があることを知りません。

私はいくつかのことを疑問に思っています：

1. Canvas に関する上記の事実は、Kinetic のレイヤー要素にも当てはまりますか?
2. ダイアグラム イメージのコンテキストをクリアし、別の色を使用して再描画する必要があるようです。これにより、マウスオーバー時にちらつきが発生しますか?
3. 現在の形状の「下」に別の色の形状を描くことは、まったく有益でしょうか? 次に、おそらく z-index を変更して、形状の色を一見「変更」して、形状を非表示にすることはできますか?
4. 3 が true の場合、500 要素を 1000 に倍増すると、パフォーマンスに問題が生じるでしょうか?

誰かが私にこれを説明できますか？

diagramImageKineticコンストラクターが戻るまで存在しないように思えますが、作成される前に、コンテキストをの色に割り当てることができます（そして、そうする必要があるようですstrokeStyle）diagramImage。diagramImageなぜこれが機能するのですか？

編集：完全なコード：

excanvas.js を kinetic.js と一緒に使用しようとしましたが、成功しませんでした。

それを機能させる方法はありますか？

ありがとう！

こんにちは、同じリストの次の画像をクリックして、html5 キャンバスにロードされた画像を置き換えようとしています。異なる関数を使用して 2 つの画像リストをキャンバスに表示するように..今私が欲しいのは次の画像をクリックすると、最初にアップロードされた写真を置き換えます..他のリストにも同じことが言えます..助けてくださいありがとう..

私は HTML5 を初めて使用し、HTML5 キャンバスに 1 つのプロジェクトを持っています。私はまだ要件を分析する必要があります。
私はほぼすべての部分を完了しました。私が立ち往生している問題は次のとおりです。

webglドラッグ アンド ドロップの後に形成されたいくつかの画像から 3D を作成し、それらをor 多分three.jsandを使用して結合することは可能kinetic.jsですか? このサイトの例: http://headstonesandmemorials.com/pillow/pillow_hickey_bevel_headstone_designer.php

最初に事前に読み込まれた画像を使用して墓石を完全にデザインし、それから 3D ビューを作成することは可能ですか?

ユーザーが onclick イベントに入力するテキストボックスを開く方法があるかどうか疑問に思っていましたか? これを作るにはどうすればよいですか？ユーザーがキャンバスに入力したものを取得し、私が読んだ方法を使用してテキストを出力する方法があるかもしれないと今考えています。これは可能性がありますか？しかし、そもそもユーザーがキャンバスに入力できるようにするにはどうすればよいでしょうか?

私は多くの読書をしましたが、見つけたすべての例は、テキストボックスを作成するのではなく、単にテキストをキャンバスに出力することに関するものでした.

何か案は？

ここで何が間違っていますか??

html5 イメージ タグを使用して canvs にイメージを書き込んでいます。新しい画像のonclickで最後の画像を置き換えたい..画像をロードすることはできますが、次の画像をクリックすると、最後にロードされた画像と重なります..コードは次のとおりです.. clearRect( ） 関数

キャンバスで画像エディタを作ろうとしていますが、回転した画像のサイズを変更する際に問題が発生しました。アンカーのサイズを変更すると、イメージが正しく整列していないようです。

http://jsbin.com/isexig/9/edit#source

(クリックすると画像が回転します。サイズ変更のテスト用です)

これを修正する方法の手がかりはありますか？

角度を pi で割る必要があることがわかりましたが、bl を機能させることができず、アンカーがまだ完全に一致していません =/

jquery を使用して、KineticJS の画像を使用してスナップ トゥ グリッド操作を実装できますか? （http://jqueryui.com/demos/draggable/snap-to.html）キャンバス内にドラッグ可能な画像がほとんどなく、キャンバス内の動きを制限したい...

キャンバス内で一方の画像が他方の画像に近づくと、2 つの画像が一緒にスナップできる可能性さえありますか?? そして、kinetic.jsまたはjavascriptを使用して実現できますか...

ありがとうアシッシュ

これがコードです..少し複雑です。つまり、キャンバスの外から画像をロードしています..そして2つのセットがあります..今、1つのセットを他のセットにスナップできるようにしたい..