Konva позволяет динамически изменять текст Konva

Question

Мой вопрос, можно ли динамически изменять текст Konva.text двойным щелчком и вводом нового текста с клавиатуры?

Answer 1

Konva не имеет готового редактируемого текста.

На странице документации предлагается разместить редактируемый элемент HTML поверх холста, позволить пользователю внести изменения, а затем удалить его, когда это будет сделано. При таком подходе ваша основная проблема будет заключаться в том, чтобы в какой-то степени сохранить согласованность стилей текста между элементом Konva и элементом DOM. В противном случае переход между двумя режимами может не выглядеть по-настоящему WYSIWYG. Однако, в зависимости от того, что вам нужно, это решение может быть достаточно близким.

Другой подход - создать скрытый textarea/input, фиксируйте его события и полностью имитируйте взаимодействие с текстом, например движения курсора и выделение текста, на холсте. Это было бы сложно сделать правильно, но, возможно, это могло бы привести к более плавному UX. Фактически, именно это и делает fabric.js для редактируемого текста.