javascript - 在 KineticJS 中使用多边形蒙版/剪辑图像

Question

是否可以在 KineticJS 中Image使用 a来屏蔽/剪辑？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 的方式不完全相同，我想说它很容易。