读书人

Canvas作图的简单模拟时钟

发布时间: 2012-09-06 10:37:01 作者: rapoo

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();};
?

?

?

读书人网 >Web前端

热点推荐