如何使用HTML2canvas在另一个div中显示捕获的图像

<script src="html2canvas.min.js"></script>

<div id="result"></div>
<button onclick="captureImage()">Capture Image</button>

function captureImage() {
  // 获取要捕获的HTML元素
  var elementToCapture = document.getElementById("elementToCapture");

  // 使用HTML2Canvas库将HTML元素转换为Canvas元素
  html2canvas(elementToCapture).then(function(canvas) {
    // 将Canvas元素转换为图像URL
    var image = canvas.toDataURL();

    // 创建一个新的图像元素
    var imgElement = document.createElement("img");

    // 设置图像元素的src为图像URL
    imgElement.src = image;

    // 将图像元素添加到另一个div中显示
    var resultDiv = document.getElementById("result");
    resultDiv.appendChild(imgElement);
  });
}