<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>transform</title> <script> function draw(id) { var canvas=document.getElementById(id); var context=canvas.getContext('2d'); var colors=["red", "orange", "yellow", "green", "blue", "navy", "purple"]; context.lineWidth=10; context.transform(1,0,0,1,100,0); for(var i=0;i<colors.length;i++) { context.transform(1,0,0,1,0,10); context.strokeStyle=colors[i]; context.beginPath(); context.arc(50,100,100,0,Math.PI,true); context.stroke(); } } </script> </head> <body οnlοad="draw('canvas');"> <canvas id="canvas" width="400" height="300"/> </body> </html>
1599
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
