最近看了一部电影《太极2:英雄崛起》恰巧里面有我最喜欢的bady再加上上大学时也学过太极拳。索性就用canvas画个太极吧,供大家乐呵乐呵~
<canvas width="600" height="400" id="myCanvas"></canvas>
<script>
var c=document.getElementById('myCanvas');
var cxt= c.getContext('2d');
cxt.beginPath();
cxt.arc(200,200,100,0,2*Math.PI);
cxt.stroke();
cxt.beginPath();
cxt.arc(200,200,100,Math.PI/2,3*Math.PI/2);
cxt.fill();
cxt.beginPath();
cxt.fillStyle='white';
cxt.arc(200,150,50,0,2*Math.PI,false);
cxt.fill();
cxt.beginPath();
cxt.fillStyle='black';
cxt.arc(200,250,50,0,2*Math.PI,false);
cxt.fill();
cxt.beginPath();
cxt.fillStyle='white';
cxt.arc(200,250,15,0,2*Math.PI,false);
cxt.fill();
cxt.beginPath();
cxt.fillStyle='black';
cxt.arc(200,150,15,0,2*Math.PI,false);
cxt.fill();
var timer = setInterval(fun,100);
function fun() {
cxt.rotate(10);
}
</script>