このツールは …回 使われています。
矢印・線・丸・四角などの図形やテキストを画像に追加して、そのままダウンロードできます！
使い方
- 「画像を選択」ボタンまたはキャンバスへのドラッグ＆ドロップで画像を読み込みます。
- ツールバーから描きたいツール（矢印・線・丸・四角・テキスト・消しゴム）を選びます。
- 矢印・線・丸・四角はキャンバス上でドラッグして描きます。色・太さはスライダーで変更できます。
- テキストはキャンバス上をクリックすると入力欄が表示されます。文字を入力して Enter で確定します（「サイズ」スライダーでフォントサイズを調整）。
- 消しゴム：アップした画像の一部をなぞると、その部分が透明に消えます。スライダーで消しゴムの大きさを変更できます。
- 「選択」モードで図形・テキストをクリックするとバウンディングボックスが表示されます。
- 選択した状態で図形本体をドラッグすると移動、四隅のハンドルをドラッグすると縦横比を保ったままリサイズできます。
- ハンドルの外側（角の付近）にカーソルを合わせると回転カーソルに変わります。そのままドラッグして自由に回転させられます。
- 選択中に Delete または Backspace キーを押すと、その図形・テキストを削除できます。
- 元に戻す：図形・テキストの追加や消しゴムの操作を1つずつ取り消し、画像だけの状態に戻せます。
- 全削除：画像・図形・消しゴムの変更をすべて消し、画像選択前の状態に戻します。
- 完成したら「PNG でダウンロード」または「JPEG でダウンロード」で保存します。バウンディングボックスは出力に含まれません。
仕様・注意事項
- 丸・四角は輪郭のみ（塗りつぶしなし）で描画されます。
- テキストツール使用中は「太さ」スライダーが「サイズ」に切り替わり、フォントサイズを調整します。
- 回転カーソルは各コーナーハンドルの外側（約8〜22px の範囲）に出現します。
- 画像データはブラウザ内のみで処理され、サーバーには送信されません。
- 消しゴムで消した部分は透明になります。PNGで保存すると透明のまま、JPEGで保存すると白になります。
- 読み込んだ画像の原寸サイズでダウンロードされます（1001px以上の画像では小・中・オリジナルを選択可能）。
- 大きい画像は自動で最大1000×1000pxに縮小表示されます。表示倍率で拡大・縮小できます。
- 対応画像形式：JPEG・PNG・GIF・WebP（ブラウザ依存）
- スマートフォン・タブレットでも描画・移動操作にタッチ操作が使用できます。