HTML and CSS Reference
In-Depth Information
break;
case 'polygon':
this.svg = document.createElementNS(SVG_NS,'polygon');
var pts = _.map(p.points,
function(pt) {
return pt[0] + "," + pt[1];
}).join(" ");
this.set({ points: pts });
break;
}
this.set({ fill: p.color });
if(p.outline) {
this.set({
stroke: p.outline,
"stroke-width": p.outlineWidth || 1
});
}
},
setTransform: function() {
var p = this.p;
var rp = this.rp;
if(rp.x !== p.x ||
rp.y !== p.y ||
rp.angle !== p.angle ) {
var transform = "translate(" + (p.x - p.cx) + "," +
+ (p.y - p.cy) + ") " +
"rotate(" + p.angle +
"," + p.cx +
"," + p.cy +
")";
this.svg.setAttribute('transform',transform);
rp.angle = p.angle;
rp.x = p.x;
rp.y = p.y;
}
},
draw: function(ctx) {
this.trigger('draw');
},
step: function(dt) {
this.trigger('step',dt);
this.setTransform();
