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

Question

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

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

SVG? Canvas? что-то еще?

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

Answer 1

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