Durante o desenvolvimento, se você precisar usar o canvas para desenhar várias imagens ao mesmo tempo, mas como os tamanhos das imagens são diferentes, a imagem na frente da matriz pode não ser carregada primeiro e depois desenhada, o que pode causar a ordem das imagens desenhadas a serem organizadas É diferente do que eu esperava (especialmente porque é particularmente óbvio para imagens com redirecionamento de nome de domínio adicionado entre domínios). os nós necessários.
<div id=myContent></div>let imgArray = ['img1.png', 'img2.png'];let recebeArray = new Array();let $myContent = document.getELmentById(myContent);let {imgW, imgH} = {300, 300};deixe Canvas = document.createElement('canvas');deixe ctx = Canvas.getContext (2d); src = e; e.addEventListener('carregar', () => { ctx.drawImage(img, 0, 0, imgW * scaleBy, imgH * scaleBy); let imgCont = new Image(); // O img que irá ser desenhado Os nós são coletados em um array. A ordem aqui pode ser diferente da ordem de imgArray if (receiveArray.length === imgArray.length) { //Todas as imagens são carregadas e desenhadas let sortArr = new Array(); ex; }) sortArr.forEach(ex2 => { $myContent.appendChild(ex2) }) } })})Na verdade, esta também é uma abordagem um tanto indefesa, porque é impossível determinar o tamanho real das imagens carregadas. Se o nome de domínio for redirecionado, as imagens pequenas serão amplificadas. método de classificação após o desenho é adotado. Se alguém pensar em uma maneira melhor, corrija e critique.
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.