亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

HTML5畫布CANVAS動畫。

HTML5畫布CANVAS動畫。

qq_控心_0 2016-03-29 19:09:30
就剩那兩個大半圓不知道怎么用代碼表示了,求大神給看下,怎么設置的才可以以自己的圓心來轉。實現旋轉的八卦。不能上傳視頻,有個轉的過程圖,在最下面。<!DOCTYPE HTML><html> <head> <meta charset="utf-8"> <title></title> </head><body><canvas id="myCanvas" width="500" height="500">your browser does not support the canvas tag</canvas><script type="text/javascript"> var deg1=0.0; var deg2=0.0; var deg3=0.0; var deg4=0.0; var deg5=0.0; var deg6=0.0; setInterval(drawCircle,40); function drawCircle() { var canvas = document.getElementById('myCanvas'); var context = canvas.getContext('2d'); context.clearRect(0, 0, 500, 500); context.beginPath(); context.fillStyle = "black"; var px =Math.sin(deg5)*100; var py =Math.cos(deg5)*100; context.arc(300+px,300-py,200,1.5*Math.PI,0.5*Math.PI,true); context.fill(); deg5 +=0.05; ? //黑色大半圓 context.beginPath(); context.fillStyle = "red"; var px =Math.sin(deg6)*100; var py =Math.cos(deg6)*100; context.arc(300+px,300-py,200,0.5*Math.PI,1.5*Math.PI,true); context.fill(); deg6 +=0.05; ? //紅色大半圓 context.beginPath(); context.fillStyle = "red"; var px =Math.sin(deg4)*100; var py =Math.cos(deg4)*100; context.arc(300-px,300+py,100,0,2*Math.PI,true); context.fill(); deg4 +=0.05; ?//紅色中圓 context.beginPath(); context.fillStyle = "black"; var px =Math.sin(deg2)*100; var py =Math.cos(deg2)*100; context.arc(300-px,300+py,25,0,2*Math.PI,true); context.fill(); deg2 +=0.05; ?//黑色中圓 context.beginPath(); context.fillStyle = "black"; var px =Math.sin(deg3)*100; var py =Math.cos(deg3)*100; context.arc(300+px,300-py,100,0,2*Math.PI,true); context.fill(); deg3 +=0.05; ?// 黑色小圓 context.beginPath(); context.fillStyle = "red"; var px =Math.sin(deg1)*100; var py =Math.cos(deg1)*100; context.arc(300+px,300-py,25,0,2*Math.PI,true); context.fill(); deg1 +=0.05; ?//紅色小圓 }</script></body></html>
查看完整描述

1 回答

?
qq_控心_0

TA貢獻4條經驗 獲得超0個贊

已經知道了。嘿嘿。

查看完整回答
反對 回復 2016-03-30
  • 1 回答
  • 0 關注
  • 1684 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號