2014-01-28 2 views
0

여기이 코드가 있습니다 http://jsfiddle.net/m1erickson/98Bgq/그리기 캔버스를 늘리시겠습니까?

을 그리고 폭과 400 픽셀 높이 550 픽셀에 대한 그리기 캔버스를 증가해야하고, 뭔가이 줄 것을 저에게 말한다 :

var arcCount = colors.length; 
var arcAngle = Math.PI * 2/arcCount; 
var cx = 150; 
var cy = 150; 
var radius = 75; 
var lineWidth = 25; 

그리고 나는 방법을 모른다 그렇게하기 위해 누군가 나를 도울 수 있습니까?

답변

4

그냥 캔버스 DOM 요소를 가져 와서 widthheight 속성을 변경하십시오.

var canvas = document.getElementById('canvas'); 
canvas.width = 550; 
canvas.height = 400; 
+1

+1 정확함. 또한 언급 할 가치가 있습니다 : 캔버스 요소의 크기를 조정할 때 모든 도면이 지워 지므로 먼저 크기를 조정하거나 크기를 조정 한 후 다시 그리기해야합니다. – markE

관련 문제