var x=new Array();
var y=new Array();
var number=0;
function sample(){
number=0;
var sub=new svgpaint();
str="<svg width=\"500\" height=\"500\">";
str=str+img("009.jpg",0,0,500,500);
str=str+sub.rect(100,100,50,50,"green");
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) {
var cx=e.clientX;
var cy=e.clientY;
number=number+1;
x[number]=cx;
y[number]=cy;
var sub2=new svgpaint();
str="<svg width=\"500\" height=\"500\">";
str=str+img("009.jpg",0,0,500,500);
for(s=1;s<number+1;s++){
str=str+sub2.rect(x[s],y[s],10,10,"red");
}
str=str+"</svg>";
$("#memo").html(str);
});
});
最終更新:2015年07月01日 07:06