オンラインお絵描きボード

マウス、指、タッチペンですぐに描き始められます。絵は下書きとしてこのブラウザーの中だけに保存され、いつでもPNGで書き出せます。

色

マウス、指、ペンで描いてください。Ctrl+Zで元に戻せます。

結果

計算方法

ちょっとしたスケッチ、道順の説明、子どもとのお絵描き、アイデアのメモなどに、ソフトのインストールは不要です。このお絵描きボードはブラウザーだけで動き、スマホでもペンタブレット付きのパソコンでも使えます。

使い方

  1. ブラシを選び、色をタップするか、カラーピッカーで好きな色を設定します。
  2. スライダーで線の太さ(1〜60ピクセル)を調整して描きます。
  3. 間違えたら「元に戻す」またはCtrl+Z、「やり直す」はCtrl+Y。消しゴムはピクセル単位で消します。
  4. 「PNGで保存」で、白背景または透明背景の画像にします。

しくみ

描画エリアは1200×800ピクセルのHTMLキャンバスです。動きはPointer Eventsで取得するため、マウス、タッチ、ペンを同じように扱えます。線は隣り合う点の中点を通る2次ベジェ曲線でなめらかにしています。元に戻す・やり直すは線のリストに対して行い、「すべて消す」も元に戻せます。

注意点

機能はあえてシンプルにしており、レイヤー、図形ツール、筆圧には対応していません。図形や文字、無限に広がるキャンバスが必要なら、ホワイトボードをお使いください。下書きはこのブラウザーにだけ保存されるため、プライベートモードやサイトデータの削除で消えます。大切な絵はPNGで保存してください。

プライバシー

アップロードは一切しません。下書きはブラウザーのローカルストレージ(キー「zeichenbrett:v1」)にだけ保存されます。

よくある質問

インストールなしでお絵描きできますか?

はい。スマホ、タブレット、パソコンのブラウザーで、登録もアプリも不要で使えます。

描いた絵はどうやって保存しますか?

「PNGで保存」を押します。「背景を白にする」のチェックを外すと透明背景で保存されます。

ページを閉じると絵は消えますか?

いいえ。最後の下書きはブラウザーに保存され、次に開いたときに復元されます(サイトデータを削除しない限り)。

ペンタブレットやタッチペンで使えますか?

はい。ペン、指、マウスを同じように扱います。ただし筆圧で線の太さは変わりません。

出典・根拠

更新日:

関連ツール