2016-07-19 6 views
0

私はcreatejsの新しいユーザーです。そして、私は以下のようなマスクされた円を書いたがっています。円は、青い四角でマスクされます(またはクリップされますか?)。私のキャンバスのサイズが青い矩形と同じ場合、これを行うことができます。しかし、私の場合、キャンバス領域は青い長方形よりも広いです。createjsにマスクされた円を書くにはどうすればいいですか?

enter image description here

答えて

1

私はちょうどここに同様の質問に答え:Draw section of shape with EaselJS

  1. マスクをここでコンテンツ

を拘束するために、設定されたサイズを使用して他の形状を使用して

  • キャッシュはサンプルですマスク:http://jsfiddle.net/lannymcnie/3kdo9u26/ - この場合は、矩形を円のマスクとして設定します。両方が同じ座標空間にあるので、正しく動作します。

    // Rectangle 
    var s = new createjs.Shape().set({y:20}); 
    s.graphics.f("blue").dr(0,0,800,240); 
    
    // Circle 
    var c = new createjs.Shape().set({x:325,y:220}); 
    c.graphics.f("green").dc(0,0,120); 
    
    // Set the mask shape to the rectangle 
    c.mask = s; 
    

    乾杯、

  • +0

    あなたはスーパーcoooolです!私はマスクの形状を設定することで何をしたいのですか? – jef

    関連する問題