shijiang1130 发表于 2015-02-08 11:32

raphael很好的一个javascript作图库

Raphaël is a small JavaScript library that should simplify your work with vector graphics on the web. If you want to create your own specific chart or image crop and rotate widget, for example, you can achieve it simply and easily with this library.

shijiang1130 发表于 2015-02-08 11:32

http://raphaeljs.com/

shijiang1130 发表于 2015-02-08 11:33

map(_Env,[])->
[header(),top("top"),
"<script type=\"text/javascript\" src=\"/js/raphael.js\"></script>
<script type=\"text/javascript\" src=\"/js/map.js\"></script>
<div id=\"mypaper\"></div>
<script type=\"text/javascript\">
var r = Raphael(\"mypaper\", 1470, 1670);",
"var shapes = [",
"
r.circle(700,130,50),
r.circle(0,400,30),
r.circle(100,400,30),
r.circle(200,400,30),
r.circle(300,400,30),
r.circle(400,400,30),
r.circle(500,400,30),
r.circle(600,400,30),
r.circle(700,400,30),
r.circle(800,400,30),
r.circle(900,400,30),
r.circle(1000,400,30),
r.circle(1100,400,30),",

"];",
"connections = [];",

"
r.connection(shapes, shapes,\"red\", \"red\");
r.connection(shapes, shapes,\"black\", \"black\");
r.connection(shapes, shapes,\"red\", \"red\");
r.connection(shapes, shapes,\"yellow\", \"yellow\");
r.connection(shapes, shapes,\"green\", \"green\");
r.connection(shapes, shapes,\"green\", \"green\");
r.connection(shapes, shapes,\"green\", \"green\");
r.connection(shapes, shapes,\"green\", \"green\");
r.connection(shapes, shapes,\"green\", \"green\");
r.connection(shapes, shapes, \"green\", \"green\");
r.connection(shapes, shapes, \"green\", \"green\");
r.connection(shapes, shapes, \"green\", \"green\");
r.connection(shapes, shapes, \"green\", \"green\"); ",


"</script>",
footer()].

shijiang1130 发表于 2015-02-08 11:35

shijiang1130 发表于 2015-02-08 11:58

上面的代码有点不erlang, 改改map(_Env,[])->
[header(),top("top"),
"<script type=\"text/javascript\" src=\"/js/raphael.js\"></script>
<script type=\"text/javascript\" src=\"/js/map.js\"></script>
<div id=\"mypaper\"></div>
<script type=\"text/javascript\">
var r = Raphael(\"mypaper\", 1470, 1670);",
"var shapes = [",
"
r.circle(700,130,50),",
) || Ph <- lists:seq(0,1100,100)],
"];",
"connections = [];",
, shapes[",Ph,"],\"green\", \"green\");"]) || Ph <- lists:seq(1,13)],
"</script>",
footer()].

shijiang1130 发表于 2015-02-08 12:14

shijiang1130 发表于 2015-02-08 12:14

map(_Env,[])->
[header(),top("top"),
"<script type=\"text/javascript\" src=\"/js/raphael.js\"></script>
<script type=\"text/javascript\" src=\"/js/map.js\"></script>
<div id=\"mypaper\"></div>
<script type=\"text/javascript\">
var r = Raphael(\"mypaper\", 1470, 1670);",
"var shapes = [",
"
r.circle(700,130,50),",
) || Ph <- lists:seq(200,1100,100)],
) || Ph <- lists:seq(200,800,100)],
"];",
"connections = [];",
, shapes[",Ph,"],\"green\", \"green\");"]) || Ph <- lists:seq(1,13)],
, shapes, \"red\", \"red\");"]) || Ph <- lists:seq(13,26)],
"</script>",
footer()].

shijiang1130 发表于 2015-02-08 12:15

有没有一点网络拓扑图的雏形了呢:mrgreen:
页: [1]
查看完整版本: raphael很好的一个javascript作图库