Проблема с отображением/отображением SVG в Fabric.js

Я использую FabricJS, и у меня возникла проблема с отображением моего SVG в холсте:

  • результат отображается вне поля выбора fabricJS (из-за перевода?)
  • анкеры выбора исчезают после преобразования, а затем их невозможно найти.

Вот скриншот: enter image description here

Я использую SVG вывода Potrace, и я думаю, что это источник моей проблемы.
Вот код SVG: SVG-код в pastebin
Вы можете протестировать его с помощью FabricJS на этой странице: Пример FabricJS Kitchensing.
Просто вставьте код SVG в область "Загрузить SVG", затем измените размер и поверните секцию, чтобы отобразить SVG.

Знаете ли вы часть моего SVG-кода или часть кода fabricjS, которая вызывает проблему? Если да, могу ли я изменить его самостоятельно? Если нет, возможно ли кому-либо исправить или найти возможную ошибку?

Большое спасибо за вашу помощь.

EDIT:, похоже, FabricJS не любит эту строку SVG:

<g transform="translate(0,648) scale(0.098780,-0.098780)" fill="#000000" stroke="none">

И более конкретно атрибуты translate и scale... Как это исправить?

EDIT2: решение заключалось бы в том, что перевод и масштаб соответственно равны (0,0) и (1,1) или, лучше, что они применяются к координатам.

Есть ли у кого-нибудь идея сделать это с помощью Potrace или JS script?

Ответы

Ответ 1

Через 2 года fabricJs теперь может полностью анализировать и управлять этим SVG. Просто вставьте старый файл SVG SVG в демонстрацию kitchenSink, и вы увидите, что он загружается нормально.

Недавно в области анализа SVG произошло много улучшений. Я знаю, что это не ответ, как ожидал пользователь stackoverflow, но лучше знать, что думать, что это все еще может быть проблемой.