javascript - Canvas 元素，画圆调整大小

Question

我正在慢慢尝试创建突破游戏以更加熟悉 javascript。
我正在尝试根据窗口大小重新调整 Canvas 元素的大小，但请注意circle 我正在根据 Canvas 的大小自动重新调整大小。我将如何独立于 Canvas 的大小来渲染圆的大小？

//resize canvas
$(function(){
$("#canvas").width($(window).width());
});

//get a reference to the canvas
var ctx = $('#canvas')[0].getContext("2d");

//draw a circle
ctx.beginPath();
ctx.arc(75, 75, 10, 0, Math.PI*2, true); 
ctx.closePath();
ctx.fill();

这是我的 fiddle : http://jsfiddle.net/z25q7/3/

谢谢!

Answer 1

直接更改 Canvas 的 width 属性，而不是它的 CSS style.width(这是 jQuery 所做的):

$("#canvas")[0].width = $(window).width();

更多信息在这里:Size of HTML5 Canvas via CSS versus element attributes