title: Creating a GIF using gif.js does not work with transparent images
body: <p>I'm using <a href="https://github.com/jnordberg/gif.js" rel="nofollow noreferrer">gif.js</a> to create a GIF maker for a popular online game but I am having issues with the images not being transparent.</p>
  
  <p>Here is how it should look (Minus the black background)</p>
  
  <p><a href="https://i.stack.imgur.com/H3uM9.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/H3uM9.gif" alt="sprite"></a></p>
  
  <p>Here is how it currently looks. Notice how the black lines are transparent aswell, I want to avoid that and just have the background transparent</p>
  
  <p><a href="https://i.stack.imgur.com/REuXS.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/REuXS.gif" alt="sprite"></a></p>
  
  <p>Here's where I create the gif instance (Or see <a href="https://pastebin.com/dPEpmQFD" rel="nofollow noreferrer">full code here</a>)</p>
  
  <pre><code>function getGifInstance()
  {
      return new GIF({
          workers: 2,
          workerScript: BASE_URL + '/libs/gifjs/dist/gif.worker.js',
          quality: 10,
          width: 64,
          height: 110,
          transparent: '#000'
      });
  }
  </code></pre>