2011-12-24 17 views
3

を使用したフリーフォームの描画私は正しい方向で私を指す良いリソースを見つけようとしていました。この点について私は本当に助けてくれる人がいます。<canvas>とjavascript

私はphonegap、js、html5を使用するアプリケーションを開発しています。このアプリの1つのコンポーネントは、フリーフォームのフリーハンドでオーバーレイできるイメージを持つことです。

私はそのキャンバスオブジェクトを使用するべきかどうか分かりません。もしそうなら、どうすれば描画ソリューションを実装するのでしょうか。

+0

だから、イメージを上書きするだけですか?あなたはキャンバスでそれを行うことができます。キャンバス要素をイメージの上に置くだけです。 –

+0

モバイルデバイスでは、どのようにキャンバスに描画しますか?タッチイベントで同じJavaScriptが使えますか? (マウスオーバーやマウスアップなど) – Zafissa

+0

遅くとも返信します... yep、ontouchstart、ontouchmoveなど –

答えて

0

イメージに絶対位置をつけて配置します。

は透明ピクセル(アルファ= 1.0)を持つことができ、それらのピクセルは下にある画像を表示します。

あなたはそれに応じてあなたの落書きを黒に変えます。タッチイベントを聞き、その座標を座標に変換し、次にそれらの座標に当たるピクセルを操作するcanvas.getContext()描画操作を使用する必要があります。

さらなる助けが必要な場合は、完全な解決策が長いソースコードであり、単に質問に答える範囲外であるため、個々の部分について個別に質問してください。

関連する問題