html5 canvas의 원점을 변경하는 방법은 무엇입니까?

Question

html5 캔버스에 대한 답변을 찾을 수 없습니다. 원점 좌표를 변경하여 내 그림이 오른쪽으로 15px 이동하도록 할 수 있습니까 (예를 들어). 다음 HTML과 CSS를 감안할 때?

<canvas id="g" width="auto" height="auto">Your browser doesnt support canvas tag</canvas> 

CSS : 당신이 translate transform이 필요한 것처럼

canvas, section { 
    display: block; 
}  

#g { 
    position: absolute; 
    width:100%; 
    height:100%; 
    overflow:hidden; 
} 

Answer 1

는 소리. 문맥을 가지고 무엇을하고 있는지에 따라 save() and restore()으로 전화해야 할 수도 있습니다.

var ctx = document.getElementById('myCanvas').getContext('2d'); 
ctx.save(); 
ctx.translate(15, 0); 
// ... do stuff with the transformed origin 
ctx.restore(); 
// ... do stuff with the canvas restored to its original state (if necessary)