canvas 새로운 선1 Canvas3 선 긋기 기본적으로 선을 그으려면 ctx.beginPath(); //새로운 도형을 그림 ctx.lineTo(10, 10); //선이 시작할 좌표 설정 ctx.lineTo(100, 100); //선이 끝나는 곳 좌표 설정 ctx.stroke(); //선 긋기 요게 기본이다. 여기에다 lineTo로 라인을 하나 더 그리면 이전 좌표에 연결해서 선이 그려진다. ctx.stroke(); 전에 ctx.closePath(); 를 하면 도형 그리기가 종료되고, 선 긋기가 종료된 시점과 선 긋기가 최초로 시작된 지점이 연결된다. ctx.fill();을 사용하면 도형의 색을 채울 수 있고, ctx.stroke();를 사용하면 안이 채워지지는 않고 테두리만 그려진 삼각형이 완성된다. 한 Canvas 안에 선 두개 이상을 그릴때는 .. 2011. 11. 5. 이전 1 다음