五角形描画

<script type="text/javascript"><!--
function Gamma()
{
r = eval(f.an110.value);
document.write("<body bgcolor='#d5d5d5'><font style='font-size:20; font-family:'ＭＳ Ｐゴシック';'>半径が"+r+"ピクセルの円に接してるっぽい五角形     </font><input type='button' value='戻る' onClick='history.back()' style='height:35; width:100; font-size:20; text-align:center; background-color:#d5d5d5;'><br><br><table cellpadding='0' cellspacing='0'>");
for(i=0;i<14*r/24;i++)
{
w = 2*Math.tan(Math.PI/3)*i;
document.write("<tr><td align='center'><img src='clear1.jpg' width='"+w+"' height='1'></td></tr>");
}
for(i=0;i<r;i++)
{
w = 7*Math.tan(Math.PI/6)*r/2-Math.tan(Math.PI/3)*i/2;
document.write("<tr><td align='center'><img src='clear1.jpg' width='"+w+"' height='1'></td></tr>");
}
document.write("</table><br></body>");
}
//--></script>
<form name='f'>
<font>半径が任意のピクセル（0～169）の円に接してるっぽい五角形を表示<br>
<br><input type='text' value='169' name='an110' maxlength='3'> ←任意のピクセル値を入力ください。<br>
<br><INPUT TYPE='button' VALUE='表示' onClick='Gamma()'> ←このボタンを押すと描画されます。<br><br>
</form>