html - 在 HTML5 动力学中应用过滤器

Question

我使用的是 kinetic-v4.0.0.js，我的代码运行完美。我现在换了新的js，因为我找不到旧的下载它，而且我有很多问题。例如，我的问题之一是 applyfilter。我有：

 image.applyFilter({
    filter: Kinetic.Filters.Grayscale,
    callback: function() {          
        layer.draw();
    }
 });

我明白了：

 Kinetic warning: Unable to apply filter. g is undefined

有谁知道会是什么问题？提前致谢。

Answer 1

applyFilterKineticJS 4.1.0中更改的语法（请参阅更改日志）

Image.applyFilter() 现在接受一个必需的过滤器函数、可选的配置对象和可选的回调，而不是包含这三个属性的配置对象。

image.applyFilter(Kinetic.Filters.Grayscale, null, function() {
  layer.draw();
});

您还可以使用以下setFilter功能：

image.setFilter(Kinetic.Filters.Grayscale);
layer.draw();

或者通过 imagesfilter属性设置过滤器：

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