Optimize Canvas Perfomance

[demeneer]

The issues seems to stem from the lazy loading/removal of nodes on the canvas edges during navigation. Check out this snippet for a hacky workaround:

Performance issue with built-in canvas plugin

A hacky solution is increasing the size of the wrapper canvas element using a .css snippet so that nodes aren’t removed/inserted at the canvas edges when moving around. Adding a css transition on the canvas element also reduces ‘choppiness’. You can even further enhance rendering performance by setting svg shape-rendering to optimizeSpeed. .view-content:has(> .canvas-wrapper) { overflow: hidden; } .canvas-wrapper { width: 1000%; height: 1000%; left: -450%; top: -450%; .canvas { …