JavaScriptJavaScriptによる画像処理と便利なライブラリ 概要 JavaScript + canvasによって行える様々な画像処理方法について紹介します。 Canvas APIについて HTML5には画像等の処理が行える強力なAPIである「Canvas」が備わっています。 これによりJavas...2019.01.14JavaScript画像処理
HTMLOpenCVをEmscriptenでwasmにビルドする!Webブラウザから呼び出す。OpenCV.js 概要 OpenCVをLLVM→EmscriptenでWebAssembly(以下、wasm)をビルドする。 JavaScriptからOpenCVを呼び出す。 環境 使用するもの OpenCV4.0.0(pre) Emscripten L...2018.09.16HTMLJavaScriptOpenCVWeb & Programmingフロントエンド画像処理
OpenCVPython+OpenCVでstitching パノラマ画像生成をやってみた 概要 PythonでOpenCVのstitchingを利用して複数の写真をつなぎ合わせる方法を紹介します。 いわゆるパノラマ画像と呼ばれるものを生成します。 OpenCVにSticherClassが用意されており、これを利用しました。 複数...2018.09.06OpenCV画像処理
JavaScript【Python】顔画像をPOST 、 顔検出 、 canvasで顔にお絵かき【JS】 概要 「顔検出をして、顔に絵を描く」というもの。 具体的には、 顔写真の画像をAPIサーバへアップロードし、顔検出を行う。 サーバは顔座標を返し、それを元にcanvasでお絵かきする。 環境 フロント html + JS + canvas...2018.07.11JavaScriptOpenCVPyhtonWeb & Programmingバックエンドフロントエンド画像処理