Paper.js - 私は偉大な働いているキャンバスに追加されたすべての図形のクリッピングエリア、なすシンプルな長方形持っエリア

Question

の外にパスの不透明度をクリッピング：私がしようとしている何

var area = new paper.Rectangle(
    100, 100, 300, 120 
); 

var path = new paper.Path.Rectangle(area); 

group.addChild(path); 
group.clipped = true; 

を任意のヘルプや提案を事前に

ありがとう：、代わりにこの地域の外にあるパスを隠して、彼らはわずかに不透明で示されているようなものを実現します。

Answer 1

これは単純な方法ではなく、交差するメソッドを使用して行うことができます。 このコードを試してください。

// SET INITIAL 
var area = new paper.Path.Rectangle(100, 100, 300, 220); 
area.fillColor = 'yellow' 
area.opacity = 0.2 
var circle1 = new paper.Path.Circle({ 
    center:[150, 150], 
    radius: 100, 
    fillColor: 'red' 
}) 

// OPACITY CLIPPING 
var circle2 = circle1.intersect(area) 
circle1.opacity = 0.2