我想在我的图像上创建 Photoshop 倍增效果。这并不难,我发现了它是如何工作的。(见:http ://albertogasparin.it/articles/2011/05/html5-multiply-filter-canvas/ )
问题是,我想将它与不断变化的背景结合起来。我想要一个彩色背景,从一种颜色慢慢褪色到另一种颜色。Multiply 效果应该以与背景相同的方式改变。
我认为可以为颜色创建一个变量,然后将该颜色放在两个对象上。它不起作用。如果我这样做,我会破坏语法,或者图像变黑。最新的工作版本可以在这里找到:http ://www.sythe.nl/baum/ (绿色画布有乘法效果)
我将背景颜色转换为 RGB:
var cols = ["rgb(254,240,221)","rgb(248,226,232)"]
但现在它也应该放在这里:
multiplyFilter.init('base', [66, 176, 153]);
谁能告诉我应该如何解决这个问题。甚至有可能做到吗?我希望绿色画布以与背景相同的方式进行更改。