canvas画不规则多边形_canvas 拖动生成任意大小多边形并实现拖拽移动

效果如图 是不是很炫酷

Polygon是一个生成任意边数多变型的类 这很重要！

var Point = function (x, y) {

this.x = x;

this.y = y;

};

var Polygon=function(centerX,centerY,radius,sides,startAngle,strokeStyle,fillStyle,filled){

this.x=centerX;

this.y=centerY;

this.radius=radius;

this.sides=sides;

this.startAngle=startAngle;

this.strokeStyle=strokeStyle;

this.fillStyle=fillStyle;

this.filled=filled;

}

Polygon.prototype={

getPoints:function(){

var points=[];

var angle=this.startAngle||0;

for(var i=0;i

points.push(new Point(this.x+this.radius*Math.cos(angle),this.y-this.radius*Math.sin(angle)))

angle+=2*Math.PI/this.sides

}

<