【问题标题】:masking multiple dynamic images in kineticjs using setClipFunc使用 setClipFunc 在 kineticjs 中屏蔽多个动态图像
【发布时间】:2013-04-26 13:14:33
【问题描述】:

我正在尝试添加一个简单的矩形掩码来覆盖多个图像,容器方法“setClipFunc”看起来像赢家http://kineticjs.com/docs/symbols/Kinetic.Container.php#setClipFunc,但对其工作原理以及为什么传递数字“deg”感到困惑(大概是度数?)。如果有人有“setClipFunc”的工作示例,我将不胜感激!

【问题讨论】:

    标签: kineticjs masking clipping


    【解决方案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();
    

    【讨论】:

    • 这个答案很棒并且可以通过直接在原生 CanvasRenderingContext2D (deg.context) 上创建路径来工作。如果您想使用本机路径,一切都很好,但您可以在剪辑功能中使用 Kinetic Shape 对象吗? IE。能够创建多个形状以用作剪辑甚至文本会很好。欢呼
    猜你喜欢
    • 1970-01-01
    • 2013-07-17
    • 1970-01-01
    • 2013-10-12
    • 2020-02-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多