javascript将canvas的ImageData转Image和DataURL

javascript将canvas的ImageData转Image和DataURL

function imagedata_to_image(imagedata) {
    var canvas = document.createElement('canvas');
    var ctx = canvas.getContext('2d');
    canvas.width = imagedata.width;
    canvas.height = imagedata.height;
    ctx.putImageData(imagedata, 0, 0);

    var image = new Image();
    image.src = canvas.toDataURL();
    return image;
}

function imagedata_to_DataURL(imagedata) {
    var canvas = document.createElement('canvas');
    var ctx = canvas.getContext('2d');
    canvas.width = imagedata.width;
    canvas.height = imagedata.height;
    ctx.putImageData(imagedata, 0, 0);

    var image = new Image();
    return canvas.toDataURL();
}

const img = document.createElement('img')

img.src = imagedata_to_DataURL(ctx.getImageData(centerX-w/2,centerY-h/2,w,h))

roiBoxDiv.appendChild(img)