为什么我的three.js画布周围有一条线？

Question

我在网站上使用的是this版本的代码，并且使背景透明，因此网页上仅显示粒子。我注意到画布周围有一个小边框，其中包含这些粒子。它似乎约为1像素宽（我无法发布图片，但可以here's链接到它。编辑：固定链接）

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

如果可以的话，这就是我如何使画布透明

JavaScript

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;添加到包含Three.js场景的div /画布中。