Queremos fazer um desenho que inclua uma imagem de fundo e um código QR gerado dinamicamente. A premissa é que a imagem de fundo seja um recurso estático do próprio projeto, e o código QR seja gerado dinamicamente pelo servidor, e os dois são. não sob o mesmo nome de domínio.
Solução: Redirecione todas as imagens para o mesmo nome de domínio:
deixe contar = 0; deixe bgImg = document.creatElement('img'); 'y .png');[bgImg, qrImg].forEach((e) => { e.onload = () => { contagem ++; if (contagem === 2) { gavetaImg(bgImg, qrImg); gavetaImg (imgContent, qrContent, scaleBy = 2) { deixe {bgImgW, bgImgH} = {375, 800}; {qrx, qry, qrw, qrh} = {20, 700, 50, 50}; deixe Canvas = document.createElement('canvas'); deixe ctx = Canvas.getContext(2d); Canvas.height=bgImgH *scaleBy; 0, 0, bgImgW * scaleBy, bgImgH * scaleBy); Canvas.toDataURL();document.body.appendChild(nodeI)}O texto acima é todo o conteúdo deste artigo. Espero que seja útil para o estudo de todos. Também espero que todos apoiem a Rede VeVb Wulin.