html2canvas这个插件怎么用啊,每次截图都是不一样的结果 please

Question

html2canvas这个插件怎么用啊,每次截图都是不一样的结果 具体看图片:

框内为需要截图的区域,下面为点保存时候的结果!
以下是我的代码 有大神帮忙看看吗?
saveImg(imgURL){

html2canvas(document.getElementById("div"),{useCORS: true})
.then((canvas)=>{
  console.log(canvas);
  document.body.appendChild(canvas);
  var img = canvas.toDataURL("image/png")
  this.setState({
    myImgUrl:img
  })
  
})
}

<div id='div' style={{width:100,height:50,paddingTop:5,color:'red'}}>

<p>fdsfdsfdsfdsf</p>
<img src={centerImg} style={{width:30,height:20}}/>

</div>

Answer 1

大佬,这个问题解决了吗?我也是一样