<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8" />
<script src="sample.js"></script>
<script src="jquery.js"></script>
<script src="svgpaint.js"></script>
<title>ボタン</title>
</head>
<body onload="sample()">
<p id="memo"></p>
<div>
<input id="b1" type="button" value="上" />
<input id="b2" type="button" value="決定" />
<input id="b3" type="button" value="下" />
</div>
</body>
</html>
var mode;
function sample(){
mode = 1;
$("#b1").click(function () {
mode=1;
});
$("#b2").click(function () {
mode=2;
});
$("#b3").click(function () {
mode=3;
});
var timer;
var delay = 100;
var loop = function () {
paint();
clearTimeout(timer);
timer = setTimeout(loop, delay);
}
loop();
}
function paint(){
var sub=new svgpaint();
str="<svg width=\"500\" height=\"500\">";
if(mode==1)str=str+sub.rect(0,0,500,500,"blue");
if(mode==2)str=str+sub.rect(0,0,500,500,"red");
if(mode==3)str=str+sub.rect(0,0,500,500,"green");
str=str+"</svg>";
$("#memo").html(str);
}
最終更新：2015年06月02日 02:39
