html5圆形自动旋转,html5 canvas实现小球绕圆旋转

测试

var ball_count = 12;//小球的个数

var circle_x = 0;//圆心的X坐标

var circle_y = 0;//圆心的Y坐标

var circle_r = 50;//圆的半径

var now_count = 0;//当前显示小球的个数

var balls_array;//用来存储小球信息

var angle_change = 1;//角度变化

var iID;

var canvas;//画布

var context;//画布环境

$(function () {

var $canvas = $('#myCanvas');

canvas = $canvas[0];

canvas.addEventListener('mouseover', mouseOverCanvas, false);//鼠标移到Canvas

canvas.addEventListener('mouseout', mouseOutCanvas, false);//鼠标移出Canvas

canvas.addEventListener('click', clickCanvas, false);//鼠标单击Canvas

context = canvas.getContext('2d');

balls_array = new Array(ball_count);

circle_x = $canvas.width() / 2;

circle_y = $canvas.height() / 2;

loadBall();

});