createjs로 점선으로 그립니다.

Question

자바 스크립트 프로젝트에 문제가 있습니다. 그리기 도구와 비슷한 점이 있습니다. 나는 점선의 곡선을 그리고 싶다.

• 나는 그렇게 점선을 그려가 성공 : 또한 차 곡선을 그릴가 성공

  jsfiddle.net/lannymcnie/uQpdA/1/

• .

그러나 대시 쿼드 곡선을 그릴 수는 없습니다. 많은 것을 시도했는데 ctx.setLineDash()하지만 모든 캔버스 요소가 커브 대신 파선으로 바뀝니다.

캔버스로 그릴 때 js 라이브러리로 easeljs를 사용하고 있습니다.

도움 주셔서 감사합니다.

Answer 1

LineDash 지원은 EaselJS에 큰 도움이됩니다. GitHub (http://github.com/CreateJS/EaselJS/issues)에 기능 요청을 게시하는 것이 좋습니다. 내가 논리적으로 추가 했으므로 스스로 요청할 수도있다. (나는 그것이 존재했는지조차 알지 못했다.

다음은 빠른 구현입니다. 컨텍스트에서 대시 스타일을 설정하는 대시 메서드를 만들었습니다. 획은 실제로 명령 목록의 끝에서 (다른 획 호출이 적용될 때까지) 발생하므로 대시없이 드로잉을 시작하려면 획을 다시 적용해야합니다.

http://jsfiddle.net/lannymcnie/2L7vaeeh/1/

// Usage 
var shape = new createjs.Shape().set({x:0.5,y:0.5}); 
shape.graphics.s("#f00").dash([10,5]).dr(10,10,100,100) 
shape.graphics.s("#f00").dash().dr(20,20,100,100); 

메리 크리스마스!