Прямоугольник на HTML5 Canvas растягивается

Question

Я работаю над сайтом и пытаюсь получить прямоугольники на холсте HTML5 с помощью JavaScript.Обычно это не проблема, но теперь, когда я делаю прямоугольник с шириной и высотой 10. Кажется, что он создает прямоугольник с шириной 10 и высотой 20.

Я делаю прямоугольникнапример:

var canvas = $("#canvas");
var context = canvas.get(0).getContext("2d");

context.fillRect(0, 0, 10, 10);

Холст div настроен на ширину 100%, но я попытался задать ему фиксированную ширину, и это тоже не помогло.

Answer 1

Вам необходимо установить ширину и высоту для вашего элемента canvas, в противном случае это может быть результатом в некоторых браузерах.холст.

Answer 2

Размер холста по умолчанию - 300 x 150.

Вероятно, вы используете эти значения по умолчанию, из-за которых прямоугольник будет выглядеть не квадратным ...