Canvas graphics performance improvements

[demeneer]

You may be interested in this snippet:

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 { …