需要在浏览器上临时显示后端实时处理的图像,需要将图像数据转成json字符串传输给js绘图。
后端python处理:
import cv2 as cv
from encodings import base64_codec
def img2dataURL(img):
ret, jpg_data = cv.imencode('.jpg', img)
data, data_size = base64_codec.base64_encode(jpg_data)
return 'data:image/png;base64,'+data
前端js绘图:
var image = new Image();
image.onload = function(){
var canvans = document.getElementById("canvas");
var ctx = canvans.getContext("2d");
ctx.drawImage(image, 0, 0, 320, 240);
}
image.src = data.data;