удалить цвет из png

Question

Я пытаюсь удалить цвет из изображения, созданного с помощью рамки

Я установил фон чистым зеленым цветом # 00ff00

Затем я пытаюсь убрать все зелёное, и я подхожу близко, но всё же получаю сглаживание вокруг текста

Использование этого кода с ImageBitmap, сгенерированным aframe

 canvas.height = img.height
      canvas.width = img.width
     ctx.imageSmoothingEnabled = true
      ctx.translate(0.5, 0.5)
      ctx.drawImage(img,0,0)
      var imageData = ctx.getImageData(0, 0, canvas.width, canvas.height)

      for (var x = 0; x < imageData.width; x++)
        for (var y = 0; y < imageData.height; y++) {
          var offset = (y * imageData.width + x) * 4
          var r = imageData.data[offset]
          var g = imageData.data[offset + 1]
          var b = imageData.data[offset + 2]

          //if it is pure green, change its alpha to 0              
          if (r  == 0 && g == 255 && b == 0)
            imageData.data[offset + 3] = 0
        }

      ctx.putImageData(imageData, 0, 0)

Я пытался задать цветовой диапазон, но это не помогло.

Есть ли способ удалить все цвета?