photoEditor - Webブラウザ上で画像編集
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Webアプリケーションでできることの幅が広がっていますが、最近ではさらにWebブラウザ上だけでできることも広がっています。Webブラウザ上のJavaScript、ワーカー、WebAssemblyと機能が拡充しています。 今回はphotoEditorを紹介します。クリック一つで画像を加工できる、そんなWebアプリケーションです。サーバサイドは使っていません。 photoEditorの使い方 写真を開きました。元写真は友情 楽しい バックライト · Pixabayの無料写真より。 回転したり。 アスキーアート化も。 photoEditorは画像をCanvas上に読み込んで、それを加工しています。一部の加工はできず、画像全体に反映されます。ボタン一つで加工できるというのが手軽で使いやすい
Web上に表示された画像をそのまま編集できるJSライブラリ「DarkroomJS」を使ってみた！ : うえぶはっく
画像編集系のJavaScriptライブラリはいくつか存在しますが、その中でも非常にシンプルで扱いやすく、直感的な操作が人気の「DarkroomJS」をご紹介しようと思います！ 任意の「imgタグ」を指定することで、専用の「画像編集ツールバー」が表示されるので、そのままWeb上で加工をすることが出来るようになります。 必要なファイルを揃えよう！ 「DarkroomJS」は、Canvas APIを効率よく扱える「fabric.js」をベースに開発されていることを踏まえて、事前に必要なファイルは以下の3つになります。 darkroom.css darkroom.js fabric.js これらのファイルは、GitHubからダウンロードして使うか、公式サイトのリンクを利用すると簡単です。 【darkroom.css】 http://mattketmo.github.io/darkroomjs/bu
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
