使用KineticJS中的多边形蒙版/剪辑图像

是否可以在KineticJS中使用Polygon蒙版/剪辑Image？使用KineticJS中的多边形蒙版/剪辑图像

的jsfiddle：http://jsfiddle.net/LNeML/

在的jsfiddle，多边形应该夹尤达的图像。

我没有在KineticJS对象的文档中看到任何剪切函数。我一直在寻找一种简单的方法来剪辑的图片，类似于EaselJS东西：

star = new createjs.Shape(); 
star.graphics.beginStroke("#FF0").setStrokeStyle(5).drawPolyStar(0,0,50, 15,5,0.6).closePath(); 
bitmap.mask = star; 
stage.addChild(bitmap);

来源

2012-12-23 Nyxynyx

如何使用'polygon.setFill'并设置填充图像？ http://jsfiddle.net/r8rtJ/1/ – Rikonator

哇不知道这可能，是的，它的工作！ – Nyxynyx

好，看着你的小提琴，我更新了它：FIDDLE

基本上你需要kineticJS的较新版本包含在你的项目，这样一来你可以这样做：

fillPatternImage: ImageObject

为多边形属性之一。这个fillPatternImage适用于任何形状，并允许你做你想做的事情，但不像EaselJS那样完成，但我会说这很容易。

来源

2013-01-10 15:59:59 SoluableNonagon

使用KineticJS中的多边形蒙版/剪辑图像

回答

相关问题