Блог

Главная - Вопросы по программированию - Как изменить узлы как импортированный JSON в KonvaJS

Как изменить узлы как импортированный JSON в KonvaJS

#konva

#konva

Вопрос:

Я успешно импортировал узлы, импортировав их из файла json. Однако это не работает, потому что я пытаюсь изменить (преобразовать, удалить) узлы, которые я принес. Что мне делать?

Вот код. Спасибо!

 function setFile() {
    const files = document.querySelector('.selectFile').files;
    if (files.length <= 0) {
        return false;
    }
    const fr = new FileReader();

    fr.onload = function(e) {
        
        const result = JSON.parse(e.target.result);
        const formatted = JSON.stringify(result, null, 2);
        console.log(formatted)
        layer.destroyChildren();
        stage = Konva.Node.create(formatted, 'container');

        stage.draw()
    }

    fr.readAsText(files.item(0))
}

Codepen

Комментарии:

1. импортированный = Konva.Node.create(форматированный, ‘контейнер’); stage = импортированный.getStage(); stage.add(layer); const newRect = stage.find(‘.rect’); if (newRect) { layer.add(newRect); }

2. Он становится редактируемым узлом, но они остаются остаточным изображением в Canves. Кто-нибудь знает?

Ответ №1:

Я думаю, вы пропустили добавление слоя на сцену

Метки: