html2canvas绘制图片时解决图片跨域问题

作者 拓荒 日期 2019-05-18

使用html2canvas添加{useCORS:true,logging:true}参数。

html:

<div id="poster">
<div>这是文字<div>
<img src="https://wx.qlogo.cn/mmopen/vi_32/Q0j4TwGTfTKgC9ZsyziciaeXWmGON9B6gG4rHC3CR7QwlXJDwnHmV0BSpO0RqILPz1nn2UrToic4ib8UlicgpNxXicicg/132">
<div>

js:

import html2canvas from html2canvas

html2canvas(document.querySelector("#poster"),{useCORS:true,logging:true}).then(canvas => {
var cardImg = canvas.toDataURL()
console.log(cardImg)
});

(完)