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