Javascript將畫布轉換為img

Question

我正在使用ropper js裁剪圖像。 有關更多信息， 請訪問： https ： //github.com/fengyuanchen/cropperjs

所以這是我的JavaScript代碼，用於將裁剪后的圖片作為畫布

var result = document.getElementById('result');
result.innerHTML = '';
result.appendChild(cropper.getCroppedCanvas());

結果div：

<div id="result"></div>

裁剪后返回結果div內的畫布

<div id="result"> <canvas width="137" height="137"></canvas></div>

我的問題是如何返回<img src=""></img>而不是<canvas>標簽？

Answer 1

var image = new Image();
image.id = "pic"
image.src = cropper.getCroppedCanvas().toDataURL();
document.getElementById('image_for_crop').appendChild(image);