build opencv with ximgproc is WSL2 / Brett Cooper

Brett Cooper

In New Zealand being kid of human. We might make mistakes but we will make other things too. - Michael Joseph Savage

Workspace

Published

Edited

Dec 8, 2021

1 star

Type Markdown, then Shift-Enter. Ctrl-space for more options. Arrow ↑/↓ to switch modes.

{

const inputImage = await FileAttachment("image.png").image();

const filtered = Object.assign(DOM.canvas(inputImage.width, inputImage.height), { id: "filteredCanvas"} );

const gray = Object.assign(DOM.canvas(inputImage.width, inputImage.height), { id: "grayCanvas" });

const out = Object.assign(DOM.canvas(inputImage.width, inputImage.height), { id: "outCanvas" });

let src = cv.imread(inputImage);

let srcWidth = src.rows;

let srcHeight = src.cols;

let dst = cv.Mat.zeros(srcWidth, srcHeight, cv.CV_8UC3);

let ksize = new cv.Size(ks,ks);

cv.GaussianBlur(src, dst,ksize, sigmaX, sigmaY, cv.BORDER_DEFAULT);

cv.imshow(filtered, dst);

cv.imshow(out, src);

src.delete();

dst.delete();

const css = "max-width:100%";

inputImage.style.cssText += css;

out.style.cssText += css;

gray.style.cssText += css;

filtered.style.cssText += css;

return html`

<div style="padding-right:10px", title="input">${inputImage}</div>

<div style="padding-right:10px", title="filtered">${filtered}</div>

}

cv = initOpenCV(opencv_js)

// opencv_js = FileAttachment("opencv.js").url()

opencv_js = FileAttachment("opencv@15.js").url()

import {handleError, registerFile, initOpenCV} from "@mootari/opencv-js"

console.log(cv) // used to quickly check the object for a list of functions

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.

Learn more