kineticjs - 在动力学js中运动时模糊

Question

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

我可以制作动画，但不知道如何进行模糊处理：

 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
 });