加入几个Divs和出口图像为PNG HTML2Canvas

Question

我正在尝试加入几个Divs，以将我的屏幕截图与HTML2Canvas一起屏幕截图。如果我仅将DIV用作HTML2Canvas的目标，则该库正常工作，但是一旦我尝试通过编码的方式加入多个Div，则图像与最后一个添加的Div。 DOM已更改，一切都在向下移动。

是为HTML2Canvas创建串联divs的正确方法吗？

我如何获得预期的结果？泰

var screenshot = document.getElementById("screenshotButton");

screenshot.addEventListener("click", function(event) {
  const captureElement = document.getElementById('cy')
  const testDiv = document.getElementById('tippy-2')

  var alpha = document.createElement("div");
  alpha.appendChild(captureElement);
  alpha.appendChild(testDiv);
  // document.body.appendChild(alpha);


  html2canvas(alpha)
  .then(canvas => {
    crossOriginIsolated = 'anonymous',
    useCORS= true,
    foreignObjectRendering= true,
    allowTaint =false,
    canvas.style.display = 'none'
    document.body.appendChild(canvas)
    return canvas
  })
  .then(canvas => {
    const image = canvas.toDataURL('image/png').replace('image/png', 'image/octet-stream')
    const a = document.createElement('a')
    a.setAttribute('download', 'my-image.png')
    a.setAttribute('href', image)
    a.click()
    canvas.remove()
  })