var x=new Array();
var y=new Array();
function sample(){
delta=0;
$("#memo").click(function (e) {
var xx = e.offsetX;
var yy = e.offsetY;
delta=delta+1;
x[delta]=xx;
y[delta]=yy;
paint();
});
$("#but").click(function () {
str="";
for(s=1;s<delta+1;s++){
str=str+"x["+s+"]="+x[s]+";";
str=str+"y["+s+"]="+y[s]+";";
}
$("#point").html(str);
});
paint();
}
function paint(){
var sub=new svgpaint();
str="<svg width=\"500\" height=\"500\">";
str=str+imx("a.jpg",0,0,500,500);
for(s=1;s<delta+1;s++){
str=str+sub.rect(x[s],y[s],5,5,"red");
}
str=str+"</svg>";
$("#memo").html(str);
}
function imx(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;
}
最終更新:2016年12月06日 22:59