How to achieve "layers" in something like a painting application

[cdosborn]

I'm looking to create a paint application with multiple layers, where each layer supports painting and erasing. In the single layer case, I can paint with a dstOver path, and erase with a dstOut path. This doesn't work with multiple layers as dstOut effectively "erases" every layer below it. Now I'm wondering how I can composite multiple layers. How can I create separate "contexts"? Should I just use multiple canvases?

[cdosborn]

Right now I'm just using multiple canvases. Think there may be someway to do this with picturess.

[jeandeson]

im using multiple canvases too, but for features like Translates im facing a visual bug
where the layers are out of sync, like if one layer update happens after another. Im stuck trying to solve that.

[cdosborn]

The translations need to be skia values.

[cdosborn]

Take the elements you want in a separate layer and wrap them in a group like so:

<Group layer={<Paint />}
{...elements}
</Group>