Как рисовать прозрачные PNG на холсте в Firefox?

Question

Я настраивал небольшую платформу для рендеринга позиционируемой и анимированной графики на элементе <canvas> - в первую очередь, чтобы помочь мне в этом разобраться.

Я загрузил случайный лист спрайтов из Интернета для тестирования- у него прозрачный фон, который хорошо выглядит в Chrome, на моем iPhone и Safari.

Это демо: http://martywallace.com/simplecanvas/

В Firefox, однако прозрачные участки спрайта загружаютсякак белый, что в итоге выглядит следующим образом:

Существует ли специфичный для Firefox способ включения прозрачности или он не поддерживается?

Answer 1

Вот что произошло [stupidity disclaimer]:

1. Я загрузил исходное прозрачное изображение и протестировал его в Chrome, Safari и iPhone.
2. Изображение было 1 МБ, поэтому я уменьшил егоэто в PNG8 (и забыла разрешить прозрачность при экспорте).
3. Кэшированная версия изображения использовалась в браузерах, с которыми я тестировал (которых я не заметил).
4. Когда я затем перешел на Firefox, использовался новый непрозрачный (из-за отсутствия предыдущего кеширования).

Результат: Firefox прекрасно отображает прозрачные PNG - доволен тем, что этот вопрос закрыт как «слишком локализованный».».