久久久久久久视色,久久电影免费精品,中文亚洲欧美乱码在线观看,在线免费播放AV片

<center id="vfaef"><input id="vfaef"><table id="vfaef"></table></input></center>

    <p id="vfaef"><kbd id="vfaef"></kbd></p>

    
    
    <pre id="vfaef"><u id="vfaef"></u></pre>

      <thead id="vfaef"><input id="vfaef"></input></thead>

    1. 站長資訊網(wǎng)
      最全最豐富的資訊網(wǎng)站

      用html5實(shí)現(xiàn)一個(gè)簡單的鐘表外觀

      html5已經(jīng)出來好長時(shí)間了,但仍然有不多小伙伴們不太懂,下面小編就來用html5實(shí)現(xiàn)一個(gè)簡單的鐘表外觀

      <html lang="en-US">  <style>  	#myCanvas{border:3px solid blue;}  </style>  <head>  	<script type="text/javascript">  		window.onload = function()  		{  			var mycanvas = document.getElementById("myCanvas");  			var context = mycanvas.getContext("2d");  					  			context.lineWidth = 2;  			context.strokeStyle = "blue";  			context.fillStyle = "blue";  			context.arc(250,200,5,0,Math.PI*2,true);  			context.fill();    			context.beginPath();  			context.arc(250,200,150,0,Math.PI*2,true);  			context.stroke();    			context.translate(250,200);  			context.rotate(-Math.PI/2);  			  			context.save();  			for(var i=0;i<60;i++)  			{  				if(i % 5 == 0)  				{  					context.fillRect(130,0,20,5);		  					context.fillText((i/5 == 0?12:i/5),120,5);  				}  				else  				{  					context.fillRect(140,0,10,2)  				}  				context.rotate(Math.PI/30);				//360°每6度旋轉(zhuǎn)一次  			}  			  			context.fillRect(0,-2,90,3);    			context.stroke();  		}  	</script>  </head>    <body>  	<canvas id=myCanvas width=500px height=400px></canvas>  </body>  </html>

      效果圖用html5實(shí)現(xiàn)一個(gè)簡單的鐘表外觀

      贊(0)
      分享到: 更多 (0)
      網(wǎng)站地圖   滬ICP備18035694號-2    滬公網(wǎng)安備31011702889846號