Zeichne einen Teil der Form mit EaselJS

Question

Ich habe versucht herauszufinden, ob es möglich ist, nur einen Teil einer Form mit EaselJS zu zeichnen. Ist es beispielsweise möglich, ein abgerundetes Rechteck zu erstellen, aber nur die oberen zwei Drittel davon zu zeichnen? (Effektiv nicht das untere Drittel anzeigen).

Vielen Dank im Voraus für Ihren Rat!

Answer 1

Was ist das Endziel? Je nachdem, was Sie tun möchten, gibt es ein paar Möglichkeiten, es zu tun:

1. Maske es eine andere Form verwendet er es
2. Cache zu beschneiden, um die gewünschte Größe

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); 

Sie können auch roundRectComplex verwenden, um verschiedene Ecken zu zeichnen. http://jsfiddle.net/lannymcnie/f1zh3qwx/1/