<!DOCTYPE?html> <html> <script?type="text/javascript"> window.onload?=?function(){ var?canvas?=?document.getElementById('canvas'); var?context?=?canvas.getContext('2d'); if(context){ ????context.lineWidth?=?5; ????context.strokeStyle?=?"#005588"; ????for?(var?i?=?0;?i?<?10;?i++)?{ ??????context.beginPath(); ??????context.arc(50?+?i*100,60,40,0,2*Math.PI*(i+1)/10); ??????context.closePath(); ??????context.stroke(); ????} ?????for?(var?i?=?0;?i?<?10;?i++)?{ ??????context.beginPath(); ??????context.arc(50?+?i*100,180,40,0,2*Math.PI*(i+1)/10); ??????context.stroke(); ????} ????for?(var?i?=?0;?i?<?10;?i++)?{ ??????context.beginPath(); ??????context.arc(50?+?i*100,300,40,0,2*Math.PI*(i+1)/10,true); ??????context.stroke(); ????} ????context.fillStyle?=?"red"; ?????for?(var?i?=?0;?i?<?10;?i++)?{ ??????context.beginPath(); ??????context.arc(50?+?i*100,500,40,0,2*Math.PI*(i+1)/10,true); ??????context.fill(); ????} ??}else{ ??alert('當(dāng)前瀏覽器不支持Canvas,請(qǐng)更換瀏覽器后再試'); } } </script> <body> <canvas?id="canvas"?width="1000"?height="800"?style="border:1px?solid?#aaa;display:block;margin:0?auto;"> 當(dāng)前瀏覽器不支持Canvas,請(qǐng)更換瀏覽器后再試 </canvas> </body> </html>
0 回答
舉報(bào)
0/150
提交
取消