如何在 Firefox 中将透明 PNG 绘制到画布上？

Question

我一直在设置一个小框架，用于将可定位和动画图形渲染到 <canvas> 元素上 - 主要是为了帮助我理解它。

我从互联网上下载了一个随机精灵表进行测试 - 它有一个透明的背景，在我的 iPhone 和 Safari 上的 Chrome 中似乎渲染得很好。

这是演示：http://martywallace.com/simplecanvas/

然而，在 Firefox 中，精灵的透明部分加载为白色，最终看起来像这样：

是否有特定于 Firefox 的方式来启用透明性，还是不支持？

Answer 1

这是发生了什么[stupidity disclaimer]：

1. 我下载了原本透明的图片，并在 Chrome、Safari 和 iPhone 中进行了测试。
2. 图片为 1MB，因此我将其缩小为 PNG8（导出时忘记允许透明）。
3. 图片的缓存版本在我测试过的浏览器中使用过（我没有注意到）。
4. 当我转移到 Firefox 时，正在使用新的非透明（因为之前没有缓存）。

结果：Firefox 可以很好地呈现透明 PNG - 很高兴这个问题被关闭为“过于本地化”。