как эффективно рисовать много интерактивных кривых в JavaScript?

#javascript #svg #html5-canvas #curves

#javascript #svg #html5-холст #кривые

Вопрос:

Мне нужна возможность эффективно рисовать большое количество интерактивных кривых (возможно, Безье) в веб-приложении. Представьте себе графоподобную структуру с множеством перетаскиваемых элементов, которые соединены плавными кривыми. Следовательно, кривые должны изменяться по форме и длине при перемещении отдельных элементов.

Какой графический метод будет наилучшим для обеспечения эффективности и интерактивности для большого количества кривых?

SVG? Холст? что-то еще?

(И как только мы узнаем, какой метод лучше, есть ли хорошая библиотека, которая упростила бы его реализацию?)

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

1. Вероятно, лучшая текущая библиотека для этого raphaeljs.com

Ответ №1:

Вы можете взглянуть на JSXGraph . Я лично не использовал его, но знаю некоторых, у кого были хорошие результаты. Похоже, что он будет использовать «SVG, VML или canvas».