HTML Canvas 컨텍스트의 현재 경로를 찾으십시오.

나는 HTML 캔버스 컨텍스트를 가지고 할 경우 HTML Canvas 컨텍스트의 현재 경로를 찾으십시오.

ctx.beginPath(); 
ctx.moveTo(10,10); 
ctx.lineTo(20,30); 
ctx.closePath(); 
ctx.stroke();

는 ... 라인이 (10, 10) 및 (20), (30) 사이에 그려집니다.

ctx.beginPath(); 
ctx.moveTo(10,10); 
myFunction(ctx);

경로 '커서'10,10에서 현재는 것을 알 수 myFunction()위한 어떤 방법이 있나요 :이 있다고 가정합시다?

출처

2011-01-02 Phrogz

왜 '커서'의 현재 위치를 알기 위해 myFunction()이 필요합니까? 컨텍스트는 상태 시스템처럼 작동합니다. myFunction에서 "ctx.lineTo (20,30)"등을 호출하면 제대로 작동합니다. –

@bebraw ['ctx.dashTo (x, y, ...)'] (http://stackoverflow.com/questions/4576724/dotted-stroke-in-canvas/4577326#4577326)이라고 쓰고 싶습니다. 그것을 위해, 나는 그 길을 따라 다양한 점을 계산하기 위해 내가 가고있는 곳 이외에 내가 어디에 있는지를 알아야한다. – Phrogz

오른쪽. 이 경우 컨텍스트에 대한 래퍼를 구현하면 더 나을 것입니다. 필요한 데이터를 유지하고 원하는대로 API를 확장하십시오. 원한다면 간단한 예제를 제공하여 더 나은 시작을 얻을 수 있습니다. :) –

내가 아는 한 다양한 ctx 메서드 (이 경우 moveTo)에 전달 된 인수에 액세스하는 직접적인 방법은 없습니다. 그러나 Context API를 자체 클래스로 래핑하여이 작업을 수행 할 수 있습니다. 참조 용으로 [1] 및 [2]을 참조하십시오.

출처

2011-01-02 20:19:31

HTML Canvas 컨텍스트의 현재 경로를 찾으십시오.

답변

관련 문제