canvas - CamanJS - 应用过滤器/操作后更改底层 Canvas

Question

CamanJS 是一个很棒的库，用于在浏览器中进行实时图像操作。

我在预先存在的 Canvas 对象上使用 Caman。如果用户“返回”到我网站的上一个区域，然后再次前进到 Canvas ，我可能需要更改该 Canvas 上的图像。

Caman 似乎会缓存它收到的第一个图像数据，然后将 Canvas “锁定”到其上下文。应用 Caman 后尝试更改 Canvas 不会导致 Canvas 发生任何可见更改。

我们如何在 Caman 之外更改 Canvas 数据，然后重新应用 Caman 过滤器？

Answer 1

我给 Ryan(CamanJS 的创建者)发了电子邮件，他回复说有一个名为 reloadCanvasData() 的函数，可以调用该函数来“刷新”Caman 的图像数据缓存，并对 Canvas 的原始上下文进行任何更改。这是源链接:https://github.com/meltingice/CamanJS/blob/master/src/core/caman.coffee#L387-L392

这工作得很好:存储您为 Canvas 创建的 Caman 实例，然后在任何后续运行中调用 .reloadCanvasData() 。然后，您需要重新应用您想要的任何 Caman 操作。

我想记录这个函数，因为谷歌似乎还没有包含任何对它的引用。