3
我想剪輯一個使用圓形路徑的組,但該組的clipFunc似乎並未執行,關於如何使用clipFunc屬性的文檔有點多餘。如何使用KineticJS創建一個圓形剪輯?
Here is a jsfiddle與我目前的嘗試。
下面是相關代碼:
var stage = new Kinetic.Stage({
container: 'container',
width: 500,
height: 500
});
var layer = new Kinetic.Layer();
var group = new Kinetic.Group({
clipFunc: function(canvas) {
var context = canvas.getContext();
context.beginPath();
context.arc(250, 250, 50, 0, 2 * Math.PI, false);
context.clip();
}
});
var rect = new Kinetic.Rect({
x: 150,
y: 225,
width: 200,
height: 200,
fill: 'blue',
stroke: 'black',
strokeWidth: 2
});
group.add(rect);
layer.add(group);
stage.add(layer);
目前,如果我把一個破發點中clipFunc功能它從來沒有被擊中。
啊,這是很有意義的。這也解釋了爲什麼該文檔在clipFunc上如此斑斑。 –