(function(global) { "use strict"; var fabric = global.fabric || (global.fabric = { }), extend = fabric.util.object.extend, min = fabric.util.array.min, max = fabric.util.array.max, toFixed = fabric.util.toFixed; if (fabric.Polygon) { fabric.warn('fabric.Polygon is already defined'); return; } /** * Polygon class * @class Polygon * @extends fabric.Object */ fabric.Polygon = fabric.util.createClass(fabric.Object, /** @scope fabric.Polygon.prototype */ { /** * Type of an object * @property * @type String */ type: 'polygon', /** * Constructor * @method initialize * @param {Array} points Array of points * @param {Object} [options] Options object * @return {fabric.Polygon} thisArg */ initialize: function(points, options) { options = options || { }; this.points = points; this.callSuper('initialize', options); this._calcDimensions(); }, /** * @private * @method _calcDimensions */ _calcDimensions: function() { var points = this.points, minX = min(points, 'x'), minY = min(points, 'y'), maxX = max(points, 'x'), maxY = max(points, 'y'); this.width = (maxX - minX) || 1; this.height = (maxY - minY) || 1; this.minX = minX; this.minY = minY; }, /** * Returns object representation of an instance * @method toObject * @param {Array} propertiesToInclude * @return {Object} object representation of an instance */ toObject: function(propertiesToInclude) { return extend(this.callSuper('toObject', propertiesToInclude), { points: this.points.concat() }); }, /** * Returns svg representation of an instance * @method toSVG * @return {String} svg representation of an instance */ toSVG: function() { var points = []; for (var i = 0, len = this.points.length; i < len; i++) { points.push(toFixed(this.points[i].x, 2), ',', toFixed(this.points[i].y, 2), ' '); } return [ '' ].join(''); }, /** * @private * @method _render * @param ctx {CanvasRenderingContext2D} context to render on */ _render: function(ctx) { var point; ctx.beginPath(); ctx.moveTo(this.points[0].x, this.points[0].y); for (var i = 0, len = this.points.length; i < len; i++) { point = this.points[i]; ctx.lineTo(point.x, point.y); } if (this.fill) { ctx.fill(); } if (this.stroke) { ctx.closePath(); ctx.stroke(); } }, /** * Returns complexity of an instance * @method complexity * @return {Number} complexity of this instance */ complexity: function() { return this.points.length; } }); /** * List of attribute names to account for when parsing SVG element (used by `fabric.Polygon.fromElement`) * @static * @see: http://www.w3.org/TR/SVG/shapes.html#PolygonElement */ fabric.Polygon.ATTRIBUTE_NAMES = 'fill fill-opacity opacity stroke stroke-width transform'.split(' '); /** * Returns {@link fabric.Polygon} instance from an SVG element * @static * @method fabric.Polygon.fromElement * @param {SVGElement} element Element to parse * @param {Object} [options] Options object * @return {fabric.Polygon} */ fabric.Polygon.fromElement = function(element, options) { if (!element) { return null; } options || (options = { }); var points = fabric.parsePointsAttribute(element.getAttribute('points')), parsedAttributes = fabric.parseAttributes(element, fabric.Polygon.ATTRIBUTE_NAMES); for (var i = 0, len = points.length; i < len; i++) { // normalize coordinates, according to containing box (dimensions of which are passed via `options`) points[i].x -= (options.width / 2) || 0; points[i].y -= (options.height / 2) || 0; } return new fabric.Polygon(points, extend(parsedAttributes, options)); }; /** * Returns fabric.Polygon instance from an object representation * @static * @method fabric.Polygon.fromObject * @param {Object} object Object to create an instance from * @return {fabric.Polygon} */ fabric.Polygon.fromObject = function(object) { return new fabric.Polygon(object.points, object); }; })(typeof exports !== 'undefined' ? exports : this);