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