注冊|登錄

聯系電話:024-31891684  13390130939
沈陽軟件公司--沈陽軟件定制

沈陽軟件開發_沈陽軟件公司_沈陽軟件定制/軟件/最新技術

Latest technology最新技術

使用html5畫圖的小例子

瀏覽量:3652

<!DOCTYPE html>
 
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
 
<head>
 
<title>html5的頁面</title>
 

</head>
 
<body>
 
<canvas id="myCanvas" width="847" height="440" style="background-color:#000000"></canvas>
 
</body>
 <script type="text/javascript">
 
var c=document.getElementById("myCanvas");//獲得畫布
var ctx=c.getContext("2d");
var r=10;//半徑
var balls=[];//定義一個空數組
function initBall(){
 var parentBall={ //母球
  position:{x:200,y:200}, //位置
  r:r, //半徑
  color:randomColor() //產生隨機色
 };
 var firstBall={ //首球
  position:{x:550,y:200}, //位置
  r:r, //半徑
  color:randomColor() //產生隨機色
 };
 for(var j=1;j<5;j++){ //循環橫向
  for(var k=0;k<j+1;k++){//循環縱向
   var ball={
    position:{x:firstBall.position.x+j*Math.sqrt(3)*r,y:firstBall.position.y-j*r+2*k*r}, //位置
    r:r, //半徑
    color:randomColor() //產生隨機色
   };
   balls.push(ball); //把每個球放入數組
  }  
 }
 balls.push(firstBall);   //把首球放入數組
 balls.push(parentBall); //把母球放入數組
}
function draw(){ //向畫布上畫球
 
 for(i in balls){ //根據數組循環畫每個求
  ctx.fillStyle=balls[i].color;
  ctx.beginPath();
  ctx.arc(balls[i].position.x,balls[i].position.y,balls[i].r,0,Math.PI*2,true);
  ctx.closePath();
  ctx.fill();
 }
}
initBall(); //生產球
draw(); //畫球
function randomColor(){
 var arrHex=["0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F"];
 var strHex="#";
 var index;
 for(var i=0;i<6;i++){
  index=Math.round(Math.random()*15);
  strHex+=arrHex[index];
 }
 return strHex;
}
function myrefresh(){
window.location.reload();
 
}
setTimeout('myrefresh()',100); //指定0.1秒刷新一次
 
</script>
 
</html>
 做軟件,crm找沈陽易勢科技。
 

沈陽團購網|營口網站制作|沈陽軟件公司|軟件定制|網站建設|加盟易勢|提交問題

主站蜘蛛池模板: 日本伦理电影网伦理在线电影| 精品国产午夜肉伦伦影院| 在线www天堂资源网| 中文字幕在线观看亚洲| 高潮毛片无遮挡高清免费视频| 国产麻豆剧传媒精品国产AV| 久久精品国产一区二区三| 精品午夜福利在线观看| 国产亚洲精品aa片在线观看网站| 777成了人乱视频| 国产香蕉97碰碰久久人人| h视频免费高清在线观看| 成人性爱视频在线观看| 久久亚洲精品无码gv| 暖暖免费高清日本中文| 亚洲免费在线观看视频| 欧美精品久久天天躁| 亚洲视频你懂的| 精品一区二区三区波多野结衣| 国产91精品系列在线观看 | 亚洲精品自产拍在线观看| 精品亚洲一区二区三区在线播放 | 国产91精品一区二区麻豆亚洲| 高清男的插曲女的欢迎你老狼| 国产福利一区二区三区在线视频| 91一区二区视频| 国内精品伊人久久久久777| av电影在线免费看| 奶水哺乳理论电影| 乱子伦xxxx| 欧美性色黄在线视频| 亚洲欧美综合国产不卡| 老司机午夜精品视频播放| 国产偷人视频免费观看| 黄色大片视频网站| 国产成人精品一区二区三区免费| 又黄又骚的网站| 国产精品女上位在线观看| 7777久久亚洲中文字幕| 国内自产少妇自拍区免费| 99久久亚洲综合精品网站|