您好，我想知道是否可以使 Canvas 的背景看起来透明(无颜色)。下面的代码片段显示了我试图解释的示例。如果您有任何建议，请告诉我
function setup() {
createCanvas(400, 400);
}
function draw() {
/* How to make a transparent color????? */
background(220);
rect(100,100,100,200);
}html, body {
margin: 0;
padding: 0;
}<!DOCTYPE html>
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.6.0/p5.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.6.0/addons/p5.dom.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.6.0/addons/p5.sound.min.js"></script>
<link rel="stylesheet" type="text/css" href="style.css">
<meta charset="utf-8" />
</head>
<body>
<script src="sketch.js"></script>
</body>
</html>最佳答案
这取决于您所说的透明到底是什么意思。
如果您希望它完全透明，那么您可能正在寻找 clear() 函数。更多信息可参见the reference ，但总结一下:clear() 函数的作用类似于 background() 函数，但使所有内容透明而不是任何特定颜色。
如果您希望背景部分透明，例如您仍然可以看穿的颜色，那么您还需要在对 background() 函数的调用中添加 alpha 参数。同样，更多信息可以在 the reference 中找到。 ，但这里有一个例子:
function setup() {
createCanvas(400, 400);
}
function draw() {
clear();
background(220, 10);
rect(100, 100, 100, 200);
}
请注意，您仍然需要调用 clear()，否则透明背景会绘制在旧场景之上，这可能不是您想要的。
关于javascript - 是否可以在javascript(p5js)上制作透明背景色？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/49734796/