haXe/js Рисуем с библиотекой raphaelExtern

1) Вот тут нашел ссылку на библиотеку http://lib.haxe.org/p/raphaelExtern.
2) Установил haxelib install raphaelExtern
3) Cоздал haxe->js проект
4) Подключил библиотеку к проекту. Project/Properties/Compliler Options/Libraries/ добавил raphaelExtern
5) Написал код: (См. "How to use it" http://raphaeljs.com/ )

class Main
{
        static function main()
        {
                var paper = new Raphael(10, 50, 320, 200);

                // Creates circle at x = 50, y = 40, with radius 10
                var circle = paper.circle(50, 40, 10);
                // Sets the fill attribute of the circle to red (#f00)
                circle.attr("fill", "#f00");

                // Sets the stroke attribute of the circle to white
                circle.attr("stroke", "#fff");
        }
}

6) Всё скомпилировалось. При запуске через браузер вижу следующее:
"Raphael is not defined
Called from Main::main"

7) Полез в Raphael.hx. Классы реализованы как extern class. Т.е. есть тольго заголовки функций, без тела.
Разобрался что сама js-библиотека находится тут http://github.com/DmitryBaranovskiy/raphael/blob/master/raphael-min.js?r...
8) Переименовал raphael-min.js в Raphael.js и скинул в папку с index.html
9) Подключил скрипт Raphael.js в index.html, дописав эту строчку
<script src="Raphael.js" type="text/javascript" charset="utf-8"></script>

И, вуаля, всё заработало.
P.S. - разобраться в чем дело (пункт 6 - ошибка) помогла сслыка http://haxe.org/doc/js/extern_libraries

Комментарии

спасибо, полезно!

спасибо, надо будет снова посмотреть в сторону haXe->js, в последнее время актуальность этого дела растет

Настройки просмотра комментариев

Выберите нужный метод показа комментариев и нажмите "Сохранить установки".

Отправить комментарий

Содержание этого поля является приватным и не предназначено к показу.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <blockcode> <dd>
  • Строки и параграфы переносятся автоматически.
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • You can enable syntax highlighting of source code with the following tags: <code>, <blockcode>. The supported tag styles are: <foo>, [foo].
  • Use [gist:####] where #### is your gist number to embed the gist.

Подробнее о форматировании

CAPTCHA
Для отсева спамеров)
b
3
S
n
x
3
Enter the code without spaces and pay attention to upper/lower case.