html2canvas(document.getElementById("prcode"), { useCORS:true, }).then((canvas) => { this.setState({ showCanvas: false, }) let as = document.createElement('a'); let filename = this.state.detail.stationName ; let dataurl = canvas.toDataURL("image/jpeg", 1); let arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1], bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n); while (n--) { u8arr[n] = bstr.charCodeAt(n); } let blob = new Blob([u8arr], { type: mime }) let objurl = URL.createObjectURL(blob); as.href = objurl; as.download = filename; console.log(as); as.click(); });
{this.state.showCanvas && <div id="prcode" className='qrcode' style={{marginTop: '1000px'}}>
{this.state.detail.stationAddress}
站点地址： {this.state.detail.stationAddress}
}