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

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

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

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

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

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

12 голосов | спросил chris 2 AM000000100000004531 2011, 10:29:45

2 ответа


0

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

<canvas id="canvas" width="400" height="300" />

И вы не можете установить размер холста с помощью CSS, это растянет холст.

ответил Jonas 2 AM000000100000000631 2011, 10:34:06
0

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

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

ответил Ray Toal 2 AM000000100000004531 2011, 10:32:45

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132