HTML 5 Canvas は初めてなので、画像を読み込んでから、画像に「ヒット ポイント」を描画して保存できるようにする必要があります。
私は始めたばかりで、これを行うことができます http://www.w3schools.com/html5/canvas_drawimage.asp
画像の読み込みはこれで問題ありません。ユーザーが画像の一部をクリックしてドットを作成し、それらを保存できるようにする必要があります。良いリンクや例はありますか?
HTML 5 Canvas は初めてなので、画像を読み込んでから、画像に「ヒット ポイント」を描画して保存できるようにする必要があります。
私は始めたばかりで、これを行うことができます http://www.w3schools.com/html5/canvas_drawimage.asp
画像の読み込みはこれで問題ありません。ユーザーが画像の一部をクリックしてドットを作成し、それらを保存できるようにする必要があります。良いリンクや例はありますか?
Opera には、ユーザーがキャンバスに「ペイント」できるようにするための優れたチュートリアルがあります: http://dev.opera.com/articles/view/html5-canvas-painting/
ドットのグラフィック編集には、IMO の 3 つの主なオプションがあります。
img
、ドットを描画する透明なキャンバスがある背景として使用しますimg
タグにして、画像の上に置くだけです。結果を送信するには、おそらく変更された画像ではなく、選択されたドット構成のみを送信する必要があり、それはサーバーへの通常の ajax 要求です。変更されたイメージをフォーマットで送信することもできpng
ます (または、サーバーに何も送信せずにコンピューターにローカルに「ダウンロード」することもできます) が、この場合、これは IMO の有用な機能ではありません。