var bx, by,dx,dy;
function sample() {
bx = 250;
by = 250;
dx = 1;
dy = 4;
var timer;
var delay = 100;
var loop = function () {
bx = bx + dx;
by = by + dy;
h = 0;
if (bx > 500) h = h + 1;
if (dx > 0) h = h + 1;
if (h == 2) dx = -dx;
h = 0;
if (by > 500) h = h + 1;
if (dy > 0) h = h + 1;
if (h == 2) dy = -dy;
h = 0;
if (bx < 0) h = h + 1;
if (dx < 0) h = h + 1;
if (h == 2) dx = -dx;
h = 0;
if (by < 0) h = h + 1;
if (dy < 0) h = h + 1;
if (h == 2) dy = -dy;
paint();
clearTimeout(timer);
timer = setTimeout(loop, delay);
}
loop();
}
function paint() {
var sub = new svgpaint();
str = "<svg width=\"500\" height=\"500\">";
str = str + sub.rect(0, 0, 500, 500, "blue");
str = str + sub.rect(bx, 500 -by, 5, 5, "red");
str = str + "</svg>";
$("#memo").html(str);
}
最終更新:2015年06月22日 15:51