Обновление класса не загружает фон в SVG

Question

У меня есть приложение Ionic для Android. В приложении есть «карта», такая как контент, в котором пользователь применяет специальные фоновые изображения через опции (выбирает) бокового меню.

Эти параметры изменяют некоторые классы на контейнере, поэтому получают различные фоновые изображения в соответствии с классом.

После настройки пользователь нажимает кнопку «создать», которая отображает карту на SVG, а затем на холст, чтобы я мог получить изображение dataURL для совместного использования или сохранения на телефоне.

Я использую плагин dom-to-image, чтобы отобразить карту.

Но полученный контент не получает фоны после изменения класса.

Я заметил, что если я дам больше «времени» после изменение, но прежде чем нажать кнопку. Это правильно. Поэтому я помещаю setTimeout перед вызовом рендера, но нет точного подсчета времени, и фоновое изображение все еще не отображается.

Можете ли вы, ребята, просветить меня ?? Есть ли какие-либо проблемы с этим процессом класса обновления, мешающим содержимому SVG to Canvas?

Я использую плагин вместо моего собственного собственного кода, потому что в нем есть встроенные шрифты, стили css и другие stufs. Все отображаются правильно, за исключением фоновых изображений ...

Проблема возникает только на мобильных устройствах. Thx заранее!

Answer 1

Обнаружено, что это происходит потому, что обновление содержимого не зарегистрировано плагином в «время» для его рендеринга.

Угловые директивы, классы css и т. Д. Слишком медленны. Лучший способ - изменить фоновое изображение функции на img с атрибутом src.

Когда вам нужно обновить контент, просто обновите атрибут img src и вуаля!