Мой источник слишком велик, поэтому я вставлю только соответствующую часть.
const img = new Image();
img.src = "test.svg";
canvas.drawImage(img, 0, 0, widthIncremented, heightIncremented);
Теперь это выполняется внутри requestAnimationFrame. Что делает код, так это делает изображение все больше и больше, заставляя его казаться ближе.
В Firefox и Edge оно работает очень медленно на младших устройствах. Мне интересно, как мы можем оптимизировать этот процесс? Это медленно, так как он конвертирует SVG в растровое изображение каждый раз? Слишком много пикселей?