캔버스 요소, 원을 그려 크기를 조정하십시오

Question

나는 자바 스크립트에 익숙해 지려고 빠른 게임을 만들려고 시도하고 있습니다.
캔버스 요소의 크기를 창 크기에 따라 다시 조정하려고 시도하지만 캔버스 크기에 따라 자동으로 크기가 렌더링되는 원형에 주목하십시오. 캔버스 크기와는 별도로 원의 크기를 어떻게 렌더링합니까? http://jsfiddle.net/z25q7/3/

감사합니다 : 여기

//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(); 

내 바이올린입니다!

Answer 1

는하지의 CSS style.width가 (이 jQuery를가하는 일입니다) 직접 캔버스 ' width 속성을 변경

: 여기

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

더 많은 정보 : Size of HTML5 Canvas via CSS versus element attributes