javascript - 如何在 Firefox 中将透明 PNG 绘制到 Canvas 上？

Question

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

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

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

但是在 Firefox 中， Sprite 的透明部分加载为白色，最终看起来像这样:

是否有特定于 Firefox 的方式来启用透明度，或者是否不受支持？

Answer 1

这是发生了什么[愚蠢免责声明]:

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

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