Javascript Easljs将过滤器应用于位图

我想知道如何使用easljs在视频源中添加过滤器。根据文档，我可以将过滤器设置为

bitmap.filtes

属性。但这似乎不起作用。没有错误或任何东西，只是根本没有应用过滤器

文档中的一个混淆之处是，它提到必须在display对象上调用

cache（）

，以便应用过滤器，但是对于

bitmap

类，它说不应该调用

cache（）

下面是我用作测试的代码：

var stage = new createjs.Stage('screen');

var video =  document.getElementById('source');
var bitmap = new createjs.Bitmap(video);

bitmap.scaleX = 0.44;
bitmap.scaleY = 0.44;
bitmap.y = 30;

bitmap.filters = [
    new createjs.ColorFilter(0,0,0,1,255,0,0),
    new createjs.BoxBlurFilter(5, 5, 10)
];

stage.addChild(bitmap);

---

关于位图和过滤器的文档具有误导性，我将确保在下一版本中对其进行更新

应该避免对位图进行缓存，因为它不会提供任何性能优势，而缓存容器、形状和文本会带来这些优势。事实上，它甚至会降低性能，因为它将使用额外的内存来存储缓存的版本

但必须缓存位图才能对其应用过滤器。将缓存调用添加到示例中，它应该可以工作

---

对于文档引起的任何混乱，我们深表歉意。

好的，谢谢您的澄清。但是，当我将

bitmap.cache（）

添加到上述代码时，它似乎引发了一个异常：

Uncaught错误：InvalidStateError:DOM异常11

您确定这是由缓存引起的吗？DOM异常11通常与ajax请求相关。你能隔离缓存代码并测试它吗？您是否正在跨域加载内容？