<html>
<head>
<meta charset="utf-8">
<title>SVG</title>
<script src="jquery.js"></script>
<script type="text/javascript" src="ren.js"></script>
<script type="text/javascript" src="svg3.js"></script>
</head>
<body onload="ren()">
<p id="svg">ABC</p>
<input type="button" value="p" onClick="paint()" />
</body>
</html>
var count=new Array();
function path(){
var s;
var maxc,ninc;
maxc=0;
for(s=1;s<101;s++){
if(point[s]>maxc)maxc=point[s];
}
minc=9999;
for(s=1;s<101;s++){
if(point[s]<minc)minc=point[s];
}
for(s=1;s<101;s++){
count[s]=500*(point[s]-minc)/(maxc-minc);
}
}
function paint(){
path();
var s;
var str;
str="<svg>";
var x1,y1,x2,y2;
str="<svg>";
for(s=1;s<100;s++){
x1=100+5*s;
y1=600-count[s];
x2=105+5*s;
y2=600-count[s+1];
str=str+line(x1,y1,x2,y2,"black")
}
str=str+"</svg>";
$("#svg").html(str);
}
function line(x1,y1,x2,y2,col){
var strx;
strx="<line x1="+change(x1)+" y1="+change(y1)+" x2="+change(x2)+" y2="+change(y2)+" stroke="+change(col)+"/>";
return strx;
}
function change(str){
var strx;
strx="\""+str+"\"";
return strx;
}
var point=new Array();
function ren(){
var s;
for(s=1;s<101;s++){
point[s]=10*s;
}
}
最終更新：2013年09月30日 01:53
