HTML5中的Canvas fillStyle无

Question

我想填充任何颜色到画布,即我希望背景div颜色应继续在div中显示.我用Google搜索了它,但没有找到任何解决方案来保持fillStyle没有颜色.

我也尝试省略fillStyle,但它留下了黑色.

有任何选择吗？

谢谢

Answer 1

我不知道你要做什么,但似乎你想让你的画布透明.你可以用JavaScript做到这一点:

context.fillStyle = "rgba(0, 0, 200, 0)";

或者在CSS中,foocanvas元素的id将在哪里.请注意,这将使元素本身透明,而不仅仅是它的内容.

#foo {
    opacity: 0;
}

Answer 2

您需要使用它来清除画布：

context.clearRect(0, 0, canvas.width, canvas.height);

（或您需要的矩形）。

另外，请确保您有canvas元素的背景设置没有CSS规则（如果你的画布是一个可能是这种情况不作为画布是默认透明上的init透明）。

如果您需要清除非常规形状，您可以使用复合模式：

context.globalCompositeOperation = 'destination-out';

（xor并且source-out也可以在一定程度上用于删除现有像素，但有一些变化）。

这将以您绘制的下一个形状（路径）的形式清除画布（或使用实心像素将清除画布的图像）。