首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

Canvas作图的简单模拟时钟

2012-09-06 
Canvas绘制的简单模拟时钟下午碰到这个问题,刚开始懵了,理一下思路,很简单的事情。??下面是画线的函数funct

Canvas绘制的简单模拟时钟

下午碰到这个问题,刚开始懵了,理一下思路,很简单的事情。

?

?

下面是画线的函数

function Line(width,height,color){this.x=0;this.y=0;this.width=width||100;this.height=height||1;this.color=color||'#ff0000';this.rotation=0;}Line.prototype.paint=function(context){context.save();context.translate(this.x,this.y);context.rotate(this.rotation);context.strokeStyle=this.color;context.lineWidth=this.height;context.beginPath();context.moveTo(0,0);context.lineTo(this.width,0);context.closePath();context.stroke();context.restore();};
?

?

?

热点排行