Какие существуют самые распространенные проблемы при отображении SVG?
Конкретно интересует отображение в качестве функционального элемента, то есть не просто отображение картинки, а управление svg элементами посредством JS или встраивание в них html через foreignObject.
При последнем у меня были проблемы с отображением в нем html элементов с абсолютным позиционированием, и мало того что элементы с position: absolute (обязательно обернуты в relative) жили своей жизнью, не отображаясь относительно родителя, так еще и сами foreignObject могли исчезать как будто при попадании за экран (так называемое отсечение). Как выяснилось, это баг годичной давности, хотя и использование position fixed как-то решало проблему, все равно пришлось отказаться от svg в качестве контейнера, оставив только пути
Работая над одним из проектов для себя выделил, что кроме как path'ов лучше ничего не использовать, кроме как если это простой график (например те, которые через D3.js создаются)
У нас была проблема с baseUrl, то есть если присутствует , то референс не работает корректно в FF, IE.
Такие вот url(#myElement) не работают, + еще фильтры и маски.
