保存 openCV.js 目标图像

Question

在下面的代码中，我想以图像格式保存

dst

或获取要在图像标签中显示的 URL。 对于其他语言有一个方法

imwrite()

，但我找不到任何用于javascript的方法。

    let imgElement = document.getElementById("ImgViewImage"); // img element with ImgViewImage id
    let src = cv.imread(imgElement);
    let dst = new cv.Mat();
    let hsvPlanes = new cv.MatVector();
    let mergedPlanes = new cv.MatVector();
    cv.cvtColor(src, src, cv.COLOR_RGB2HSV, 0);
    cv.split(src, hsvPlanes);
    let H = hsvPlanes.get(0);
    let S = hsvPlanes.get(1);
    let V = hsvPlanes.get(2);
    cv.equalizeHist(V, V);
    mergedPlanes.push_back(H);
    mergedPlanes.push_back(S);
    mergedPlanes.push_back(V);
    cv.merge(mergedPlanes, src);
    cv.cvtColor(src, dst, cv.COLOR_HSV2RGB, 0);
    cv.imshow("canvasOutput", dst); // canavas element with canvasOutput id
    src.delete();
    dst.delete();
    hsvPlanes.delete();
    mergedPlanes.delete();

另外，有没有什么方法可以将图片源直接交给javascript中的

src

变量？

Answer 1

您可以使用您正在绘制

Mat

的画布来生成所述

dataURL

的

Mat

表示：MDN 文档。然后可以将此数据 URL 设置为

src

元素的

Image

。您还可以按照此问题的答案之一下载编码图像。