Как избавиться от нежелательного пространства между нижней границей и холстом на iOS/iPadOS ⇐ Javascript

[Anonymous]

У меня на HTML-холсте на устройствах iOS/iPadOS виден небольшой зазор между холстом и нижней границей. Раньше я исправлял эту проблему с помощью div, добавляя display:block;, но это не работает на холсте. Кто-нибудь знает, как устранить этот пробел? Я знаю, что можно сделать цвет фона холста таким же, как цвет границы, но я надеюсь найти решение, которое устранит реальную проблему.
Прилагается снимок экрана с изображением проблемы.
Я использую iOS/iPadOS 26.0.1, и проблема также наблюдалась в iOS/iPadOS 18.6.

Код: Выделить всё

var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");

// Set canvas dimensions
canvas.width = 300;
canvas.height = 400;

// Draw a rectangle
ctx.fillStyle = "blue";
ctx.fillRect(0, 0, canvas.width, canvas.height);

Код: Выделить всё

canvas#myCanvas
{
border: 4px solid black;
display: block; /* not working like on div for iOS devices */
}

Код: Выделить всё

Canvas Test




Canvas Test

Подробнее здесь: https://stackoverflow.com/questions/798 ... ios-ipados