Изображение SVG не загружается как номинальный вид в версии Fabric 2.3

Изображение SVG Сохранение и загрузка Json предварительного просмотра отображаются большими или маленькими, а также после масштабирования отображаются большими или маленькими.

пожалуйста, проверьте, я создал ссылку jsfiddle: http://jsfiddle.net/bw1kj4oh/8/

fabric.loadSVGFromString(document.getElementById('test').outerHTML, function (objects, options) {
    obj = fabric.util.groupSVGElements(objects, options);
    canvas.add(obj);
});

document.getElementById('json').addEventListener('click', function () {
    var json = canvas.toJSON();
    canvas.clear();

    canvas.loadFromJSON(json, function () {
        canvas.setActiveObject(canvas.getObjects()[0]);
        canvas.renderAll();
    });
});
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
0
25
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вам нужно увеличить количество цифр дроби

fabric.Object.NUM_FRACTION_DIGITS = 10;

Проверьте здесь: http://jsfiddle.net/9wsjgbuz/

Пожалуйста, подтвердите ответ, затем

Marius Turcu 10.04.2019 13:28

Привет, Мариус, исправлено значение 10? Значение 10 работает с любым типом SVG?

Bansari Savasani 11.04.2019 08:11

10 - это приличное значение. У вас были такие значения, как 2,123456. значение по умолчанию для fabric.Object.NUM_FRACTION_DIGITS было 2. Таким образом, сохраненное значение до этого изменения было 2,12.

Marius Turcu 11.04.2019 11:02

Спасибо, понял :-)

Bansari Savasani 11.04.2019 12:16

Другие вопросы по теме