javascript - 如何在画布上渲染图像

Question

段返回分段图（segment.segmentationMap）Uint8ClampedArray，我想在我的画布上渲染它，所以我在可视化函数中发送段：

 const segment =  await model.segment(video)
    const context = canvasref.current.getContext("2d");
    requestAnimationFrame(()=>{visualise(segment, context)});

但我总是得到错误 ctx.canvas.width 总是为零，高度也

export const visualise = (output, context) => {

var image = new ImageData(output.segmentationMap, ctx.canvas.width, ctx.canvas.height);
    ctx.drawImage(image,0,0)

}

标签： javascripthtmlreactjscanvastensorflow.js