Я использую FabricJS, и у меня возникла проблема с отображением моего SVG в холсте:
- результат отображается вне поля выбора fabricJS (из-за перевода?)
- анкеры выбора исчезают после преобразования, а затем их невозможно найти.
Вот скриншот:
Я использую 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?