svg-захват с использованием HTML-холста не работает в браузере Safari

У меня есть один элемент svg, который я хочу захватить svg с помощью html-холста. Этот svg elment содержит одно изображение в формате base64 и некоторую группу путей.

Теперь захват работает отлично. Но когда я впервые фиксирую элемент изображения, не получаю захват, но группа пути захватывается отлично. Но в 2 раза вперед и изображение, и путь захватываются отлично.

Ниже я привел jsfiddle url. Пожалуйста, помогите, если кто-то может. Я пытаюсь с давних пор. Эта проблема возникает в браузере Mac Safari. Мой vesrion - 11.1 (12605.1.33.1.4). В хром работает нормально.

Откройте эту скрипку в браузере Safari и в первый раз загрузите захват не работает. Если вы снова нажмете пробег. Он отлично работает.

Поэтому моя проблема заключается в том, что холст должен впервые захватить svg.

Пожалуйста, дайте мне знать, если вам нужна дополнительная информация по этому вопросу. Получить код здесь

Thanks in advance