Я использую Leaflet для наложения SVG поверх карты. Эти SVG-файлы располагаются так, чтобы точно перекрывать местоположение таким образом, чтобы оно идеально покрывало его. Подумайте о наложении беговой дорожки с помощью пользовательского SVG.
Для наложения я использую L.imageTransform, так как мне нужно их преобразовать. L.imageTransform расширяет L.imageOverlay для наложения изображения (я должен использовать SVG-оверлей, не уверен?)
Проблема в том, что при некоторых наложениях при увеличении SVG становится размытым, и он теряетего детали, которые мы хотим. Размытые местоположения отличаются в Firefox и Chrome и случайным образом размыты. Пример размытого изображения можно увидеть ниже:

Это может быть связано с проблемой браузера или из-за масштабирования фрагментов карты. Есть идеи?