<html>
<head>
<meta charset="UTF-8">
<title>アニメ</title>
<script src="jquery.js"></script>
<script type="text/javascript" src="pro6.js"></script>
</head>
<body onload="sample()">
<p id="memo" width="500" height="500"/>abc</p>
</body>
</html>
function sample(){
var x,y;
x=0;
y=0;
var timer;
var delay = 100;
function svgdraw(x,y){
strx="<svg>"+line(100,100,100+x,100+y,"black")+"</svg>";
$("#memo").html(strx);
}
var loop = function(){
x=x+10;
y=y+10;
svgdraw(x,y);
clearTimeout(timer);
timer = setTimeout(loop,delay);
}
loop();
}
function line(x1,y1,x2,y2,col){
var strx;
strx="<line x1="+change(x1)+" y1="+change(y1)+" x2="+change(x2)+" y2=";
strx=strx+change(y2)+" stroke="+change(col)+"/>";
return strx;
}
function change(str){
var strx;
strx="\""+str+"\"";
return strx;
}
最終更新：2013年10月01日 08:47
