在kineticjs中运动模糊

Question

如何将模糊滤镜应用于移动文本或对象。 例如 - 在老虎机游戏中旋转数字 - http://clip2net.com/s/5Gpemi。

我可以动画，但不知道怎么做bluring：

 var anim = new Kinetic.Animation(function(frame) {
        period = period + step;
        step = step + 0.01;
        for (i=0; i<=cell_count; i++)
        {
            text[i].setY(amplitude * Math.sin(frame.time * 2 * Math.PI / period) + (field_height - cell_width) + 5);
        }

    }, layer);

Answer 1

你看过这个教程吗？

http://www.html5canvastutorials.com/kineticjs/html5-canvas-kineticjs-blur-filter-tutorial/

您可以使用filter属性，如下所示：

 darth = new Kinetic.Image({
   x: 10,
   y: 10,
   image: imageObj,
   draggable: true,
   filter: Kinetic.Filters.Blur,
   filterRadius: 20
 });