<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="svg.js"></script>
</head>
<body onload="ren()">
<p id="svg">ABC</p>
<input type="button" value="p" onClick="paint()" />
</body>
</html>
var point=new Array();
function ren(){
var s;
for(s=1;s<101;s++){
point[s]=10*s;
}
}
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;
str="<svg>";
for(s=1;s<101;s++){
x1=100+5*s;
y1=600-count[s];
str=str+"<circle cx=\""+x1+"\" cy=\""+y1+"\" r=\"5\"/>"
}
str=str+"</svg>";
$("#svg").html(str);
}
function chang(str){
var strx;
strx="\""+str+"\"";
return strx;
}
最終更新：2013年09月29日 11:57
