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