Answer 1

Answer 2

请注意，firefox 3.6 / 4.0首先通过擦除整个背景来实现“复制”。 w3c文档并不清楚这里应该发生什么。 Chrome（webkit？）将规范解释为“仅实际绘制像素的位置”，例如笔画（）的结果。

使用“rgba（255,255,255,1.0）”

目标输出，将背景设置为透明，其中帧缓冲区中的像素不透明。在chrome和firefox中留下透明背景。

在本地复制以下页面，并使用蓝色框和红色圆圈的各种颜色/不透明度，并且不要忘记使页面的背景颜色为非白色！和

https://developer.mozilla.org/samples/canvas-tutorial/6_1_canvas_composite.html

你会发现浏览器差异很大。

Answer 3