haXe/js Рисуем с библиотекой raphaelExtern
1 Июль, 2010 - 16:16 — Mr.Cheater
6) Всё скомпилировалось. При запуске через браузер вижу следующее:
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, дописав эту строчку
И, вуаля, всё заработало.
P.S. - разобраться в чем дело (пункт 6 - ошибка) помогла сслыка http://haxe.org/doc/js/extern_libraries
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");
}
}
{
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"
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, в последнее время актуальность этого дела растет
Отправить комментарий