Profiler shows that the culprit is this in canvas.component.ts

// Wrap in a requestIdleCallback
                        this.canvasUpdateEvent = ric.requestIdleCallback(() => {
                            this.canvasUpdateEvent = false;
                            // Get the snapshot, and set it to our canvas
                            const snapshot = JSON.parse(data.snapshot);
                            this.canvas.loadSnapshot(snapshot);
                        });

Probably don't want to fork literally canvas, since it is written in c o f f e e s c r i p t

Though, we may want to just repeatedly push an svg to the dom using innerHtml http://literallycanvas.com/api/LiterallyCanvas.html#exporting-images

Links

https://github.com/literallycanvas/literallycanvas/issues/492

PaintWithBob / paint-with-bob

Canvas performance #75

Links