선 대신 크기가 조정 된 그림을 그리는 방법은 무엇입니까? (HTML5 캔버스)

Question

그래서 우리가 예를 들어 우리가 대신 라인의 이미지를 그리려는 경우 (라인 크기에 대한 존중의 크기가 조정을 알파 채널) 라인

function drawLine(g, n, x1, y1, x2, y2){ 
    g.beginPath(); 
    g.lineWidth = n > 0 ? n : 1; 
    g.strokeStyle = "rgb(0, 128, 32)"; 
    g.moveTo(x1, y1); 
    g.lineTo(x2, y2); 
    g.stroke(); 
} 

하지만를 그리는 등의 기능을 할 수 있습니다.

그런 일을하는 방법?

Answer 1

drawImage() 컨텍스트의 방법을 사용하지만 먼저 translate, rotate, and scale 컨텍스트를 사용하십시오. 이미지는 원하는대로 회전 된 길고가는 선으로 나옵니다.

편집 : 나는이 기술을 함수로 포장하여 example of this technique online을 게시했습니다.