如何用paperJS中的圖像填充矩形？

Question

我需要用圖像填充矩形。我嘗試過光柵，但我無法弄清楚如何在畫布上創建的矩形內使用光柵。

是否有類似fillColor（）方法的圖像填充矩形而不是顏色？

任何提示/提示或樣品小提琴將是偉大的！

Answer 1

Here是你可以做什麼：

// Create your raster: 
var url = 'http://assets.paperjs.org/images/marilyn.jpg'; 
var raster = new Raster(url); 
raster.position = new Point(300,300); 

// Use clipMask to create a custom polygon clip mask: 
var path = new Path.Rectangle(150,150,100,150); 
path.clipMask = true; 

// It is better to add the path and the raster in a group (but not mandatory) 

/* 
var group = new Group(); 
group.addChild(raster); 
group.addChild(path); 
*/ 


// If you just need a rectangle part of a raster, you could use getSubRaster(rect) instead: 
/* 
var subRaster = raster.getSubRaster(new Rectangle(150,150,100,150)); 
subRaster.position = new Point(600,600); 
*/