2016-07-19 10 views
0

저는 이젤 (EaselJS)을 사용하여 도형의 한 섹션 만 그리는 것이 가능한지 알아 내려고했습니다. 예를 들어, 둥근 사각형을 만들 수는 있지만 꼭지의 2/3 만 그립니다. (하단 세 번째를 효과적으로 표시하지 않음).EaselJS로 도형의 섹션 그리기

미리 조언 해 주셔서 감사합니다.

답변

0

최종 목표는 무엇입니까?

  1. 당신이

http://jsfiddle.net/lannymcnie/f1zh3qwx/

를 원하는 그것을 크기에
  • 캐시를 잘라 다른 모양을 사용하여 마스크 : 수행하려는 작업에 따라 그것을 할 수있는 몇 가지 방법이 있습니다
    // Create 2 shapes 
    var s = new createjs.Shape().set({x:10, y:10}); 
    s.graphics.f("red").ss(4).s("blue").rr(0,0,100,100,10); 
    var s2 = s.clone().set({x:150}); 
    stage.addChild(s, s2); 
    
    // 1. Mask 
    s.mask = new createjs.Shape(new createjs.Graphics().dr(8,8,50,50)); 
    
    // 2. Cache 
    s2.cache(-2,-2,50,50); 
    

    roundRectComplex을 사용하여 다른 모서리를 그릴 수도 있습니다. http://jsfiddle.net/lannymcnie/f1zh3qwx/1/

  • +0

    마스크는 내가 찾고 있던 것과 정확히 같았습니다. 처음에 어떻게 그리워했는지 모르겠습니다. 감사합니다! – Yerren