<html>
<head>
<title>花环</title>
</head>
<body>
<script>
function createPoint(x,y,color){
document.write("<div style='overflow:hidden; background-color:"+color+";width:1px;line-height:1px;top:"+y+"px;left:"+x
+"px;position:absolute;'> </div>");
}
function createLine(lineLength,cosAngle,startX,startY,color,w){
for(var j=-w;j++;j>=0){
for(var i=1.0;i<=lineLength;i++){
var top=startY+Math.floor(i*Math.sin(cosAngle))+j;
var left=startX+Math.floor(i*Math.cos(cosAngle))+j;
createPoint(left,top,color);
}
}
}
function getSingle(single){
return (single/180)*3.1415926;
}
function createOCircle(x,y,r,color){
for(var j=r;j<r+1;j++){
for(var i=0;i<12;i++){
var single=(i*30/180)*3.1415926
var top=y+Math.floor(j*Math.cos(-single));
var left=x+Math.floor(j*Math.sin(-single));
createArrow(left,top,i*30,color);
}
}
}
function createICircle(x,y,r,color){
for(var j=r;j<r+1;j++){
for(var i=0;i<12;i++){
var single=(i*30/180)*3.1415926
var top=y+Math.floor(j*Math.cos(-single));
var left=x+Math.floor(j*Math.sin(-single));
createArrow(left,top,i*30+180,color);
}
}
}
function createCircle(x,y,r,color){
for(var j=r-1;j<r+1;j++){
for(var i=0;i<1440;i++){
var single=(i*0.25/180)*3.1415926
var top=y+Math.floor(j*Math.cos(single));
var left=x+Math.floor(j*Math.sin(single));
createPoint(left,top,color);
}
}
}
function createArrow(pointX,pointY,single,color){
createLine(30,getSingle(30+single),pointX,pointY,color,2);
//createLine(110,getSingle(90+single),pointX,pointY,color,2);
createLine(30,getSingle(150+single),pointX,pointY,color,2);
}
function createFlowerCircle(x,y,color){
createOCircle(x,y,80,color);
createCircle(x,y,80,color);
createCircle(x,y,112,color)
createICircle(x,y,110,color);
}
createFlowerCircle(412,412,"#ff0000");
createFlowerCircle(712,412,"#00ff00");
</script>
</body>
</html>