offset - 経済統計練習帳

var x=new Array();
var y=new Array();
var number_p;
 
function sample(){
 
    number_p=0;
 
    $("#memo").click(function (e) {
        var xx = e.offsetX;
	var yy = e.offsetY;
        number_p=number_p+1;
        x[number_p]=xx;
        y[number_p]=yy;
 
        paint();
 
    });
 
  $("#bu").click(function (e) {
 
      strike("red");
 
 
    });
 
 
  $("#bu2").click(function (e) {
 
      clear();
 
 
    });
 
    paint();
 
}
 
 
    function strike(col) {
 
    var str, data;
    var s;
    data = "";
    for (s = 1; s < number_p; s++) {
        data = data + x[s] + "," + y[s] + ",";
    }
    s = number_p;
    data = data + x[s] + "," + y[s];
  str="<svg width=\"500\" height=\"500\">";
  str=str+img(0,0,500,500,"ren.jpg");
    str = str+"<polygon fill=" + chop(col) + " points=" + chop(data) + "/>";
 str=str+"</svg>"
 
   $("#memo").html(str);
 
}
 
 
function clear(){
 
number_p=0;    
 
paint();    
 
}
 
 
function paint(){
 
 
    var sub=new svgpaint();
 
   str="<svg width=\"500\" height=\"500\">";
   str=str+img(0,0,500,500,"ren.jpg");
   for(s=1;s<number_p+1;s++){
  str=str+sub.rect(x[s],y[s],5,5,"blue");
   }
    str=str+"</svg>";
 
   $("#memo").html(str);
 
 
 
}
 
 
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;
}