オンラインお絵描きボード
マウス、指、タッチペンですぐに描き始められます。絵は下書きとしてこのブラウザーの中だけに保存され、いつでもPNGで書き出せます。
計算方法
ちょっとしたスケッチ、道順の説明、子どもとのお絵描き、アイデアのメモなどに、ソフトのインストールは不要です。このお絵描きボードはブラウザーだけで動き、スマホでもペンタブレット付きのパソコンでも使えます。
使い方
- ブラシを選び、色をタップするか、カラーピッカーで好きな色を設定します。
- スライダーで線の太さ（1〜60ピクセル）を調整して描きます。
- 間違えたら「元に戻す」またはCtrl＋Z、「やり直す」はCtrl＋Y。消しゴムはピクセル単位で消します。
- 「PNGで保存」で、白背景または透明背景の画像にします。
しくみ
描画エリアは1200×800ピクセルのHTMLキャンバスです。動きはPointer Eventsで取得するため、マウス、タッチ、ペンを同じように扱えます。線は隣り合う点の中点を通る2次ベジェ曲線でなめらかにしています。元に戻す・やり直すは線のリストに対して行い、「すべて消す」も元に戻せます。
注意点
機能はあえてシンプルにしており、レイヤー、図形ツール、筆圧には対応していません。図形や文字、無限に広がるキャンバスが必要なら、ホワイトボードをお使いください。下書きはこのブラウザーにだけ保存されるため、プライベートモードやサイトデータの削除で消えます。大切な絵はPNGで保存してください。
プライバシー
アップロードは一切しません。下書きはブラウザーのローカルストレージ（キー「zeichenbrett:v1」）にだけ保存されます。
よくある質問
インストールなしでお絵描きできますか？
はい。スマホ、タブレット、パソコンのブラウザーで、登録もアプリも不要で使えます。
描いた絵はどうやって保存しますか？
「PNGで保存」を押します。「背景を白にする」のチェックを外すと透明背景で保存されます。
ページを閉じると絵は消えますか？
いいえ。最後の下書きはブラウザーに保存され、次に開いたときに復元されます（サイトデータを削除しない限り）。
ペンタブレットやタッチペンで使えますか？
はい。ペン、指、マウスを同じように扱います。ただし筆圧で線の太さは変わりません。
出典・根拠
- MDN – Canvas API
- W3C – Pointer Events Level 3
- W3C – SVG 2, Paths (Befehle M, L, Q)
- MDN – Window.localStorage
更新日：
関連ツール
- オンラインホワイトボード登録不要の無料オンラインホワイトボード。ズームできる無限のキャンバスに、ペン、図形、矢印、文字、消しゴム。全画面表示、PNG・SVG書き出しに対応。
- ドット絵作成ツールブラウザで使える無料のドット絵作成ツール。8×8〜64×64のマス、ペン・塗りつぶし・スポイト・直線・左右対称・元に戻す。透過PNGで最大32倍に拡大して保存。
- 手書きサイン作成：署名を描いてPNGで保存手書きサインをオンラインで作成。マウス・指・タッチペンで署名を描き、背景透過のPNGまたはSVGでダウンロード。無料・登録不要、アップロードもありません。
- マインドマップ作成アイデアを箇条書きで入力し、Tabで字下げするだけでマインドマップを自動レイアウト。PNG・SVGで保存でき、内容はブラウザー内だけに保存されます。無料・登録不要。
- 音声ファイルからBPMを測定曲のBPMを測定。音声ファイルを選ぶと、ブラウザー内でテンポを計算し、±の誤差、信頼度、半分・倍のテンポの候補まで表示します。無料でアップロード不要。
- HEICをJPGに変換HEICをJPGに無料で一括変換。ブラウザ内で処理するのでアップロードもアプリも不要です。最大20枚まで、JPGまたはPNGで保存し、ZIPでまとめてダウンロードできます。