캔버스 HTML5의 수정 된 크기

Question

캔버스에서 마인드 맵을 만들기위한 응용 프로그램을 만들고 있는데 이제는 요소의 크기에 문제가 있습니다. 처음에 난이 있습니다

<div id="lienzo"> 

      <canvas id="canvas2" width="1000" height="1000"> 

       This text is displayed if your browser does not support HTML5 Canvas. 

      </canvas> 

     </div> 

하지만, 즉 캔버스의 크기를 변경 요소를 캔버스의 폭과 높이를 변경하려면 언제든지.

내가 함께 캔버스를 제거 시도 :

$('canvas').remove(); 

그리고 이후에 새로운 요소를 캔버스 작성 :

$("<canvas/>",{id:'canvas2'}).appendTo('#lienzo'); 
$('canvas').width(500); 
$('canvas').height(500); 

나중에 내가이 내가 캔버스의 요소를 다시 그리기 않았다을하지만,이 요소가 픽셀 화

물론 새로운 캔버스에서는 요소를 선택할 수 없습니다.

캔버스의 측정 값을 직접 변경하려고했지만 동일한 문제가 있습니다.

모두 설명 후, 어떻게 캔버스의 항목을 변경하지 않고도 Canvas의 크기를 변경할 수 있습니까? 어떤 생각? 당신이 jQuery를 .width() 및 .height() 방법은 CSS와 요소의 크기를 변경하기 때문입니다 시간

Answer 1

를 들어,이 그것을 확장하는 것과 같습니다

감사합니다, 그것은 캔버스 요소 내에서 아무것도 변경되지 않습니다. 캔버스가 표시하는 픽셀 수를 변경하려면 캔버스 요소의 .width 및 .height속성을 설정해야합니다. 이것을 시도하십시오 :

$('#canvas2')[0].width = 500; 
$('#canvas2')[0].height = 500;