使用setClipFunc在kineticjs中屏蔽多个动态图像

时间:2013-05-02 11:22:37

标签: kineticjs masking clipping

我正在尝试添加一个简单的矩形蒙版来覆盖多个图像,容器方法'setClipFunc'看起来像一个胜利者http://kineticjs.com/docs/symbols/Kinetic.Container.php#setClipFunc但是对它是如何工作以及为什么传递一个'deg'的原因感到困惑'(大概是度数?)。如果有人在行动中有'setClipFunc'的工作示例,我将非常感激!

1 个答案:

答案 0 :(得分:1)

        layer.setClipFunc(function (deg) {

        var context = deg.context;
        context.beginPath();
        context.moveTo(5, 5);
        context.lineTo(34, 202);

        context.lineTo(2, 405);
        context.lineTo(212, 385);
        context.lineTo(425, 405);
        context.lineTo(400, 202);
        context.lineTo(415, 10);
        context.lineTo(212, 25);
        context.closePath();
    });
    layer.draw();