マウス０ - 経済統計練習帳

var x = new Array();
var y = new Array();
var number;
 
 
function sample(){
 
    number = 0;
 
 
 
 
str="<svg width=\"500\" height=\"500\">";
str=str+img("009.jpg",100,100,400,400);
str=str+"</svg>";
 
$("#memo").html(str);
 
 
 
 
}
 
function img(im,x1,y1,w1,h1){
 
var str;
 
str="<image xlink:href=";
str=str+chop(im); 
str=str+"x="+chop(x1)+" ";
str=str+"y="+chop(y1)+" ";
str=str+"width="+chop(w1)+" ";
str=str+"height="+chop(h1);
str=str+"/>"
 
 
return str;
 
}
 
function chop(str){ 
 
var strx;
 
strx="\""+str+"\"";
 
return strx;
}
 
 
 
$(document).ready(function () {
    $("#memo").click(function (e) {
 
        number = number + 1;
 
        x[number] = e.clientX;
        y[number] = e.clientY;
 
        var sub = new svgpaint();
 
        str = "<svg width=\"500\" height=\"500\">";
        str = str + img("009.jpg", 100, 100, 400, 400);
        for(s=1;s<number+1;s++){
        str = str + sub.circle(x[s], y[s], 5, "green");
        }
        str = str + "</svg>";
 
        $("#memo").html(str);
 
    });
 
});