ユーザーが棒人間など、マウスまたは指を使ってウェブサイト上に自分の絵を描くことができるウェブサイトを開発したいと考えています。次に、画像を保存して印刷できるようにしたいと考えています。これについて最善の方法を教えてください。
私はhtmlとcssをかなりよく理解していますが、これを学ぶにはもっと高度なものが必要になると思います. どんな援助でも大歓迎です。
ユーザーが棒人間など、マウスまたは指を使ってウェブサイト上に自分の絵を描くことができるウェブサイトを開発したいと考えています。次に、画像を保存して印刷できるようにしたいと考えています。これについて最善の方法を教えてください。
私はhtmlとcssをかなりよく理解していますが、これを学ぶにはもっと高度なものが必要になると思います. どんな援助でも大歓迎です。
これを実現するには、HTML5 キャンバス要素を使用する必要があります。私の意見では、これはかなり複雑な作業ですが、実現可能です。
キャンバスの操作と描画ツールについて十分に理解している必要があります。ここでは、非常に基本的な描画アプリケーションを見つけることができます。
http://dev.opera.com/articles/view/html5-canvas-painting/
ユーザーがペイントに満足したら、それをディスクに保存できます。以下はその例です。
これを実現するにはいくつかの方法があります。たとえば、オンラインの SVG (ベクター グラフィックス) エディター ( demo ) であるsvg-editを見ることができます。
または、要素を使用できますcanvas
。この質問を参照してください: HTML 5 の Canvas 経由のオンライン Photoshop?