python輸出dataURL圖片數據給前端js繪圖

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

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章