神社 地域 にデジタルを
❝画像のトリミング❞の使い方
![](/media/blog_image/photocrop_header_a.webp)
画像の処理の中で頻発する作業がトリミングとリサイズです。
両方を一度に行いたいところではありましたが、ひとまずトリミングから実装しました。
アスペクト比を選べることや、自由な切り抜き、サイズを指定できるなど、利便性に配慮するのに苦慮しました。
(サイズ指定の項目は、あくまで私自身が使いやすいサイズでの設定例です)
手順
![](/media/django-summernote/2023-05-30/65424309-0db1-41b8-b950-7981a59c0e1f.webp)
1画像を選択してアップロード
![](/media/django-summernote/2023-05-30/b80adef8-e1a3-457e-ac9f-4e312fb039ac.webp)
2アスペクトやサイズを指定(ドラッグしながら位置を特定)
![](/media/django-summernote/2023-05-30/053bb0e1-6c60-4363-a56a-6e6e142653e1.webp)
3ダウンロード
![](/media/django-summernote/2023-05-30/4a4adbe6-cfe1-471b-8b59-c74d0a9bc419.webp)
4やり直す場合は「最初から始める」をクリック
トリミング結果 ※実寸ではありません
<オリジナル>
![](/media/django-summernote/2023-05-30/9aa5ecba-5292-4b45-b89f-e0475cca9944.webp)
<1:1でトリミング>
![](/media/crop_images/91d576d698f2471aaa2bff34d1fbb9c3.webp)
<2:3でトリミング>
![](/media/crop_images/eb691bb87ef94a40bf7d6ca3e034ab15.webp)
<16:9でトリミング>
![](/media/crop_images/f14f1469078c4a1c92e5dbdda9e71cfa.webp)
<4:3でトリミング>
![](/media/crop_images/0044a9b6f71d421b80f29f9a683d25e6.webp)
<FREE:450x369px>
![](/media/crop_images/b1eec1a600e7434187680240268dd811.webp)
投稿内容 ランダム表示
![](/media/blog_image/photocrop_code_a.webp)
❝画像のトリミング❞のコーディング
最終更新:2023年07月14日
![](/media/blog_image/toyonaka_table_code_a.webp)
豊中市MAPの基データのコーディング
最終更新:2023年07月14日
![](/media/blog_image/toyonaka_code_head_a.webp)
❝地図とグラフで見る豊中市データ❞のコーディング
最終更新:2023年09月06日
![](/media/blog_image/toyonaka_table_use_a.webp)
豊中市MAPの基データの説明
最終更新:2023年07月14日
python3.10 Django4 wsl bootstrap javascript
カテゴリ
私の願い
私は神社の宮司です。神社や地域を担う次世代の人々に対し、何かを残してお役に立ててもらいたいとの願いが、強く芽生えました。個業としての神社や、小規模な地域社会に、恩恵が届くのが遅くなりそうな「デジタル」の分野。門外漢として奮闘した実体験から得た経験則を、わずかずつでも残し未来につなぎたいと願うばかりです。
最近の投稿
- 簡易で安価なカメラで防犯・外出対策を
最終更新:2023年09月08日
- 神社のオリジナルTシャツを作ってみた
最終更新:2023年08月07日
- HTMLメールを活用してみた
最終更新:2023年07月14日
- 豊中市Graphの基データの説明
最終更新:2023年07月14日