我有一个已定义的画布
<canvas id="field"></canvas>
style.css:
canvas#field {
width: 500px;
height: 250px;
border: 3px solid black; /* for now */
}
每当我尝试在上面绘制东西时,比如说:
var ctx = field.getContext("2d")
// circle
ctx.beginPath();
ctx.arc(100, 75, 50, 0, 2 * Math.PI);
ctx.stroke();
它总是相对于画布尺寸进行调整大小。如果我将画布放大两倍,即使我的半径始终为50px,圆也会变成两倍大。如果我将我的画布变成正方形,圆就会向下拉伸,反之亦然。
我如何让画布将我给它的数字视为绝对值?