SVG.Polyline = SVG.invent({ // Initialize node create: 'polyline' // Inherit from , inherit: SVG.Shape // Add parent method , construct: { // Create a wrapped polyline element polyline: function(p) { return this.put(new SVG.Polyline).plot(p) } } }) SVG.Polygon = SVG.invent({ // Initialize node create: 'polygon' // Inherit from , inherit: SVG.Shape // Add parent method , construct: { // Create a wrapped polygon element polygon: function(p) { return this.put(new SVG.Polygon).plot(p) } } }) // Add polygon-specific functions SVG.extend(SVG.Polyline, SVG.Polygon, { // Define morphable array morphArray: SVG.PointArray // Plot new path , plot: function(p) { return this.attr('points', (this.array = new SVG.PointArray(p, [[0,0]]))) } // Move by left top corner , move: function(x, y) { return this.attr('points', this.array.move(x, y)) } // Move by left top corner over x-axis , x: function(x) { return x == null ? this.bbox().x : this.move(x, this.bbox().y) } // Move by left top corner over y-axis , y: function(y) { return y == null ? this.bbox().y : this.move(this.bbox().x, y) } // Set width of element , width: function(width) { var b = this.bbox() return width == null ? b.width : this.size(width, b.height) } // Set height of element , height: function(height) { var b = this.bbox() return height == null ? b.height : this.size(b.width, height) } // Set element size to given width and height , size: function(width, height) { var p = proportionalSize(this.bbox(), width, height) return this.attr('points', this.array.size(p.width, p.height)) } })