MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 操作性も悪くないですし使い勝手良さそうです。 スマートフォンの隆盛もあって写真コンテンツがオンライン上に溢れるようになっています。そんな写真をなるべく格好よく見せようと思うと機械的にサムネイルを生成しているだけではいけません。CGMであればユーザが手作業で加工したって良いのです。 ということで今回はJavaScriptを使って写真をクロップするcroppicを紹介します。JavaScriptを使うことでUI/UXに優れた形でクロップができます。 croppicの使い方 まずHTML/JavaScript/スタイルシートを下記のように設定します。 JavaScriptはこんな感じ。シンプルですね。 var cropperHeader = new Crop('yourId'); 続いて