memoxxx000 - 経済統計練習帳

var pic;
var x=new Array();
var y=new Array();
var number;
 
function sample() {
 
    $("#memo").click(function(e){
 
        number=number+1;
        x[number] = e.clientX;
	y[number] = e.clientY;
 
 
 
        paint();
 
        });
 
 
      $("#but").click(function(){
 
 
 
 
        paintx();
 
 
        var str="";
        for(s=1;s<number;s++){
        str=str+x[s]+","+y[s]+"E";    
        }
       str=str+x[number]+","+y[number];  
 
        $("#point").html(str);
 
 
        });
 
 
 
 number=0;
 
 pic="http://ce00582.esy.es/link/%E3%83%AA%E3%83%B3%E3%82%AF_files/windows-skydrive-logo.jpeg";
 
 paint();
 
 }    
 
 function img(x,y,w,h,pic){
 
 str="<image x="+chop(x)+" y="+chop(y)+" width="+chop(w)+" height="+chop(h)+" xlink:href="+chop(pic)+"/>";
 
 return str;   
}
function chop(st){
 
strx="\""+st+"\"";    
 
return strx;
}
 
 
 
function paint(){
 
 var sub=new svgpaint();
 
str="<svg width=\"500\" height=\"500\">";
 
str=str+img(0,0,500,500,pic);   
for(s=1;s<number+1;s++){
str=str+sub.rect(x[s],y[s],5,5,"red");
}
 
str=str+"</svg>";
 
$("#memo").html(str);      
 
 
}
 function paintx(){
 
 var sub=new svgpaint();
 
str="<svg width=\"500\" height=\"500\">";
 
str=str+img(0,0,500,500,pic);   
 
for(s=1;s<number;s++){
str=str+sub.line(x[s],y[s],x[s+1],y[s+1],3,"red");
}
str=str+sub.line(x[number],y[number],x[1],y[1],3,"red");
 
str=str+"</svg>";
 
$("#memo").html(str);      
 
 
}