title: Canvas npm package v2.8.0 image getting pixelated when trying to drawImage , How to fix?
body: <p>Hello I am using the <a href="https://www.npmjs.com/package/canvas" rel="nofollow noreferrer">npm package canvas</a> I am getting an issue while drawing another image on my background the image that I am trying to load is from an <code>API</code> source so its an <code>URL</code> the issue I am having is when I load that image its becoming greenish here is the <a href="https://media.discordapp.net/attachments/662341843861766164/845960114800558110/welcome-image.png" rel="nofollow noreferrer">image link</a> note I am using <code>node.js</code> and the image I am trying to load the size is <strong>200px by 200px</strong> I do not know why the 2nd image is behaving like this here is the code for my application.</p>
  <pre class="lang-js prettyprint-override"><code>                    const loadImage = await Canvas.loadImage(data.clan.badgeUrls.medium)
              
                      const canvas = Canvas.createCanvas(755, 485)
  
                      const context = canvas.getContext('2d');
  
                      const backGroundImg = await Canvas.loadImage(&quot;https://media.discordapp.net/attachments/662341843861766164/845700894972706816/welcome-image.png&quot;)
  
                      context.drawImage(backGroundImg, 0, 0, canvas.width, canvas.height); 
                    
                      context.stroke();
  
                      context.strokeStyle = 'white'
  
                      context.strokeRect(30, 45, 690, 400);
                     
                      context.drawImage(loadImage, 60, 45);
  </code></pre>
  <p>Please tell me how can I fix this ? Thanks in advance</p>