游戏开发中Canvas出现白色边框问题求助（附代码示例）

自开发这款游戏以来，Canvas一直存在白色边框的问题，我找不到原因。有人说这是clearRect函数导致的，但我调整后并没有解决问题。

补充说明：此前忘记添加示例

示例截图：

相关代码 #

注意：我使用的Canvas ID为gameCanvas

HTML（部分代码）

<body>

    <div class="container">
        <canvas id="gameCanvas"></canvas>

        <!-- OUTER ELEMENTS -->

        <div id="canvasSpace">
            
            

        </div>
        
    </div>
    
    <!-- SCRIPTS -->

    <script type="module" src="./game/Main.js"></script>

</body>

CSS

body样式

body{
    overflow: hidden;
    border: 0;
    margin: 0;
    padding: 0;
    left: 0;
    right: 0;

}

container样式

.container{
    position: absolute;
    width: 100%;
    height: 100%;
    border: 0;
    margin: 0;
    padding: 0;
    left: 0;
    right: 0;

    display: flex;
    justify-content: center;
    align-items: center;
}

gameCanvas样式

#gameCanvas{
    position: relative;
    border: 0;
    margin: 0;
    padding: 0;
    left: 0;
    right: 0;
    
    image-rendering: optimizeSpeed;
    z-index: 1;
}

JavaScript（仅供参考）

function draw() //^ draw() has the purpose to ONLY draw (and also call requestAnimationFrame() to mantain the loop) on the canvas [Xavier]
{
    context.clearRect(0, 0, canvas.width, canvas.height); //? Clears the whole canvas space in order to print new elements over it  [Xavier]

    game.draw();

}

提前感谢各位的帮助。

内容的提问来源于stack exchange，提问作者aka_lux