HTML5 canvas: исправить ширину / высоту с помощью fillrect (...)?

Question

когда я рисую фигуру (html5 => canvas) как

context.fillStyle = "rgba(0, 0, 255, 0.5)";
context.fillRect(5, 5, 25, 50);

Это всегда относительно размера элемента canvas. То есть: если я изменю размер элемента canvas, «размер» элемента адаптируется к новому размеру холста. У вас есть идеи, как подавить это поведение (или указать мне правильное направление)?

Спасибо, Andi

Answer 1

убедитесь, что вы устанавливаете ширину и высоту вашего холста непосредственно в HTML, как это:

<canvas id="mycanvas" width="..." height="..."></canvas>

Не устанавливайте размер холста в CSS, иначе у вас возникнут проблемы с масштабированием.

ура!