为什么我的三幅画布周围有一条线.js

Question

我在我的网站上使用了这个代码的一个版本，我已经使背景透明，所以我的网页上只显示粒子。我注意到我的画布周围有一个小边框，里面有这些粒子。它似乎大约有 1 像素宽(我还不能发布图像，但这里有一个链接。编辑：固定链接(

我尝试在我的 CSS 文件中将轮廓和边框设置为 none，但这似乎不是 CSS 问题。有人有什么想法吗？

以下是我使画布透明(如果有帮助的话(的方法

爪哇语

renderer = new THREE.WebGLRenderer({
    canvas: document.getElementById("map"),
    antialias: true,
    alpha: true,
});
renderer.setSize(ww, wh);
renderer.setClearColor(0x000000,0);

我希望整个背景是透明的，并且没有边框。这在移动设备上尤其明显。

Answer 1

这可以帮助某人：

考虑到您的 HTML 视图上有 canvas 元素，那么代码应该是，

canvas { outline: none; border: none; }

Answer 2

如果您还没有找到这个问题的答案，答案是将overflow: hidden;添加到包含三个.js场景的div/canvas 中。