Если я что-то рисую, есть ли инструмент, который может перевести это в инструкции javascript / canvas?

Question

Я хочу попробовать создать фигуры в javascript + canvas. Есть ли инструмент для преобразования рисунков в код js?

Answer 1

Да, есть такой онлайн-инструмент!

Он называется HTML Canvas Studio .Это позволяет рисовать все, что вы хотите, так же, как вы делаете в других программах рисования.Когда вы закончите, просто экспортируйте его в HTML + JS.

Вы можете найти его здесь: http://www.htmlcanvasstudio.com/

Answer 2

Если у вас есть Flash, вы можете рисовать в векторном формате и конвертировать в javascript и canvas, используя недавно выпущенный инструмент Google Swiffy:

Конечно, если у вас нет Flash, это не сильно поможет ..

Другим вариантом может быть использование веб-приложения DeviantART: http://muro.deviantart.com/. Это приложение для рисования, созданное с использованием только javascript и canvas, и оно выглядит довольно круто для веб-приложения. Я не знаю, сможете ли вы получить источник вашего рисунка, вам придется немного поэкспериментировать с этим.

Answer 3

Взгляните на Processing.js .

Answer 4

Я нашел способ (вроде):

1. нарисуйте что-нибудь с помощью Inkscape, сохраните как svg
2. откройте файл svg, найдите определение формы (что-то как M10 10L90 90)
3. используйте это в JS Framework Рафаэль: paper.path("M10 10L90 90");