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. http://raphaeljs.com/ 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()].
上面的代码有点不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()]. 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()].
有没有一点网络拓扑图的雏形了呢:mrgreen:
页:
[1]