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

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

5 голосов
/ 07 марта 2012

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

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

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

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

enter image description here

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

1 Ответ

2 голосов
/ 07 марта 2012

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

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

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

...