使用globalCompositeOperation的kineticjs

时间:2014-09-19 12:42:53

标签: javascript kineticjs globalcompositeoperation

我想让一个程序像photoshop一样工作。 所以我尝试修改 globalCompositeOperation 来模拟图层混合属性

但是, Kinetic.Context 不会将 globalCompositeOperation 属性传递给真正的 contetx2d

追踪代码http://pastebin.com/4neU7VF8(包括修改后的kineticJs链接)

我修改 Kinetic.Context 以允许此类操作。

修改 Kinetic.Node ,让它记住 globalCompositeOperation 已解决的问题。

修改 kinetic.Container.prototype._drawChildren ,使其自动切换 globalCompositeOperation 的上下文 globalCompositeOperation 其子节点所需的内容。

完成后。 它实际上在普通容器中工作,例如 Kinetic.Layer 包含几个 Kinetic.Shape

然而它似乎不适用于嵌套容器, 例如 阶段 包含两个图层 顶层具有 globalCompositeOperation 属性 就像图层在此http://jsbin.com/tumef/16/

中包含红线一样

有没有人有想法,我错过了什么?

0 个答案:

没有答案