canvaschartpainter.js

睡衣网部分源代码 一次偶然机会 被我下载了下来

function CanvasChartPainterFactory(){return new CanvasChartPainter()}function CanvasChartPainter(){this.base=AbstractChartPainter};CanvasChartPainter.prototype=new AbstractChartPainter;CanvasChartPainter.prototype.create=function(el){while(el.firstChild){el.removeChild(el.lastChild)}this.el=el;this.w=el.clientWidth;this.h=el.clientHeight;this.canvas=document.createElement('canvas');this.canvas.width=this.w;this.canvas.height=this.h;this.canvas.style.width=this.w+'px';this.canvas.style.height=this.h+'px';el.appendChild(this.canvas);if((!this.canvas.getContext)&&(typeof G_vmlCanvasManager!="undefined")){this.canvas=G_vmlCanvasManager.initElement(this.canvas)}this.ctx=this.canvas.getContext('2d')};CanvasChartPainter.prototype.getWidth=function(){return this.w};CanvasChartPainter.prototype.getHeight=function(){return this.h};CanvasChartPainter.prototype.fillArea=function(color,points){if(points.length<=0)return;this.ctx.fillStyle=color;this.ctx.beginPath();this.ctx.moveTo(points[0].x,points[0].y);for(i=1;i<points.length;i++){this.ctx.lineTo(points[i].x,points[i].y)}this.ctx.lineTo(points[0].x,points[0].y);this.ctx.closePath();this.ctx.fill()};CanvasChartPainter.prototype.polyLine=function(color,lineWidth,points){if(points.length<=0)return;this.ctx.lineWidth=lineWidth;this.ctx.strokeStyle=color;this.ctx.beginPath();this.ctx.moveTo(points[0].x,points[0].y);for(var i=1;i<points.length;i++){this.ctx.lineTo(points[i].x,points[i].y)}this.ctx.stroke()};CanvasChartPainter.prototype.fillRect=function(color,x,y,width,height){this.ctx.fillStyle=color;this.ctx.fillRect(x,y,width,height);};CanvasChartPainter.prototype.line=function(color,lineWidth,x1,y1,x2,y2){this.ctx.lineWidth=parseInt(lineWidth);this.ctx.strokeStyle=color;this.ctx.beginPath();this.ctx.moveTo(x1,y1);this.ctx.lineTo(x2,y2);this.ctx.stroke()};CanvasChartPainter.prototype.fillArc=function(color,centerx,centery,radius,startAngle,endAngle){this.ctx.fillStyle=color;this.ctx.beginPath();this.ctx.moveTo(centerx,centery);startAngle=startAngle*Math.PI/180;endAngle=endAngle*Math.PI/180;this.ctx.arc(centerx,centery,radius,startAngle,endAngle,false);this.ctx.lineTo(centerx,centery);this.ctx.closePath();this.ctx.fill()};