Как в fabric.js сохранить параметры объекта, а затем загрузить данный объект с этими параметрами?

Question

[Hoffman_ZZZ]

Добрый вечер!
есть ссылка на Конструктор.
При вводе в поле input появляется текст на футболке. Затем нажимаем кнопку "see back" появляется обратная сторона.
Затем нажимаем на кнопку "see front" и вводим текст в input. Старый текст сохраняется, а новый накладывается поверх него.
Вопрос:
Как реализовать, что бы текст не накладывался, а редактировался тот, который был введен ранее?

Answer 1

[Алексей Захаров]

Можно так добавить идентификатор создаваемому тексту

var textCanvas = new fabric.IText(text, { 
										  id:'inscription'
										});

При нажатии кнопки пройтись по элементам канваса, поменять надписи

for (var i = 0; i < canvas._objects.length; i++) {
		    		if(canvas.item(i).id == 'inscription') {
		    			// заменить текст
		    		}
		    	}

Comments

[Hoffman_ZZZ]

а если у меня текстовое поле генерируется не new fabric.iText а new fabric.Text?

[Алексей Захаров]

принцип один и тот же

[Алексей Захаров]

Можно не в цикле, можно у активного элемента просто менять текст var activeObj = canvas.getActiveObject();
activeObj.set({fill: color});
вот пример с заливкой

[Hoffman_ZZZ]

Менять текст при переключении сторон?

[Алексей Захаров]

В зависимости от стоящей перед вами задачи, что вам надо реализовать

[Hoffman_ZZZ]

Откройте пожалуйста ссылку, там будет конструктор. Когда введете текст в инпут появиться надпись на футболке. Нужно 2 раза нажать на кнопку see back, и затем еще раз что нибудь ввести в инпут. И уведите что меняется не старая надпись, а создается новая