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

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

Сообщение 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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Html»