kb-mugai https://blog.hatena.ne.jp/kb-mugai/ ム空間雑記:|| https://kb-mugai.hatenablog.com/ アプリ製作 はじめに 【ツール制作】Webで動く目線加工ツールを作る - ム空間雑記:|| ↑記事で製作した目線加工アプリでぶち当たった課題について、どういう流れで苦しんで、解決に至ったかをまとめる。 1）ユーザーが画像ファイルをブラウザにUPする 2）画像をブラウザcanvasに描画する 3）その上から目線やモザイクを上乗せしていく ⇒操作ごとに確定しない！Undoで戻せるようにするため 4）保存ボタンでローカルへ出力 ⇒これです。これが超絶苦しんだ。 canvasからの保存、以外に単純じゃない問題 とりあえず色々手法を試した軌跡を書いておく。 その1：保存ボタンは1つ（クリック一発DL） 即座にPCで… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fkb-mugai.hatenablog.com%2Fentry%2F2026%2F02%2F21%2F153727" title="【Webアプリ制作】ブラウザ上で加工した画像をPCやスマホに保存する（canvasの保存） - ム空間雑記:||" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2026-02-21 15:37:27 rich https://kb-mugai.hatenablog.com/entry/2026/02/21/153727 1.0 100%