3

我发现 KineticJS 过滤器文档非常令人沮丧,并且无法在线找到示例,尤其是考虑到亮度。

kinetic.filters 文档链接提到了 Kinetic.Filters.Brighten(imageData) 但没有关于如何将参数传递给它或如何使用它的信息。

我所需要的只是舞台上图层上的图像的工作示例,以及两个按钮——一个使图像更亮,一个使图像变暗。有人可以帮我吗?

谢谢 !

4

1 回答 1

3

真的,过滤器的文档很差。

增亮滤镜示例:(kineticjs 4.5.0)

    darth = new Kinetic.Image({
      x: 10,
      y: 10,
      image: imageObj,
      draggable: true,
      filter: Kinetic.Filters.Brighten,
      filterBrightness: -50
    });

对于动画,您可以使用本教程:http ://www.html5canvastutorials.com/kineticjs/html5-canvas-tween-blur-filter-with-kineticjs/

    var tween = TweenLite.to(darth, 0.6, {
      paused: true,
      setFilterBrightness: 50,
      onUpdate: function() {
        layer.batchDraw(); 
      }
    });
于 2013-05-11T12:48:05.687 回答