- VaseR-draft1_2.zip
- VaseR-draft1_2
- documentation
- include
- js_snippets
- sample_images
- polyline_cap_LC_butt.png
- polyline_cap_LC_butt_high_feathering.png
- polyline_cap_LC_rect.png
- polyline_cap_LC_round.png
- polyline_cap_LC_square.png
- polyline_feathering_8.png
- polyline_joint_LJ_bevel.png
- polyline_joint_LJ_miter.png
- polyline_joint_LJ_round.png
- polyline_mimic_airbrush.png
- polyline_no_feather_at_cap.png
- polyline_no_feather_at_core.png
- test1.png
- V.png
- samples
- test
|
<body>
<script src='raphael-min.js'></script>
<script src='dragger.js'></script>
<script src='drawer.js'></script>
<link rel="stylesheet" type="text/css" href="layout.css" />
<div class='side_pane'>
This is description.
</div>
<script>
//an application contains:
//-TP (drawer)
//-DG (dragger)
//-canvas1 (html element)
//-rl (Raphael canvas)
var app_count=0;
function demo_application1()
{
var i=this.i=app_count;
var parent=this;
app_count++;
document.write("<div class='main_canvas' id='canvas"+i+"'></div>");
this.TP = new drawer();
this.DG = new dragger(this.TP,'canvas'+i);
this.rl = Raphael('canvas'+i);
//
this.TP.px=[30,30,200,200];
this.TP.py=[100,200,100,200];
this.TP.redraw=function()
{
var rl=parent.rl;
var TP=parent.TP;
rl.clear();
rl.rect(0,0,800-1,600-1);
//drawings,,,
rl.text(120,80,"I am application "+parent.i+"!");
for ( var i=0; i<4; i++)
{
TP.drawpoint(TP.px[i],TP.py[i], 4,0);
}
TP.drawpath(rl);
}
this.TP.redraw();
}
app1 = new demo_application1();
//app2 = new demo_application1();
</script>
</body>
|
By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.
If a file you wish to view isn't highlighted, and is a text file (not binary), please
let us know and we'll add colourisation support for it.
Chris H.F. Tsang
tyt2y3@gmail.com