需要在瀏覽器上臨時顯示後端實時處理的圖像,需要將圖像數據轉成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;