使用KineticJS中的多边形遮罩/剪裁图像

Question

是否可以使用KineticJS中的Image屏蔽/剪辑Polygon？

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

在jsfiddle中，Polygon应该剪辑Yoda的图像。

我没有在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);

Answer 1

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

基本上你需要你项目中包含的较新版本的kineticJS，这样你就可以做到：

  fillPatternImage: ImageObject

作为多边形属性之一。这个fillPatternImage适用于任何形状，并允许你做你想要的，但不是与EaselJS完全相同的方式，我会说这很容易。