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

Question

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

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

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

在Firefox中,精灵的透明部分加载为白色,最终看起来像这样:

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

Answer 1

这是发生的事情[stupidity disclaimer]：

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

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