Существует ли онлайн-инструмент для визуального рисования контуров на холсте и получения готового кода?

Question

Хотя концепция квадратичных и кривых Безье довольно проста, визуальное рисование намного проще.Интересно, есть ли онлайн-инструмент для визуального рисования путей, а затем просто для захвата кода?Например, недавно я наткнулся на это: Пример Кривой Безье Canvas , довольно круто, но, как говорится, это всего лишь пример, а не инструмент.

Может быть, в Интернете есть что-то более универсальное (должно быть), основанное на тех же самых понятиях?

Answer 1

Есть много замечательных инструментов, таких как Inkscape, которые будут выводить пути SVG.

Тогда есть много библиотек SVG-to-canvas ( вот одна ), которые вы можете использовать, чтобы превратить полученный SVG в пути холста.

Конечно, стоит спросить себя, можете ли вы просто использовать SVG и избавить себя от одного шага!

Answer 2

Я думаю, что ваш лучший снимок - это рисование с использованием программного обеспечения SVG для векторных рисунков, такого как Inkscape, а затем экспорт этого SVG-файла.Современные браузеры могут читать SVG и рисовать его на холсте.

SVG является открытым, основанным на XML, форматом и вполне читабельным.