// Path points array SVG.PathArray = function(array, fallback) { this.constructor.call(this, array, fallback || [['M', 0, 0]]) } // Inherit from SVG.Array SVG.PathArray.prototype = new SVG.Array SVG.extend(SVG.PathArray, { // Convert array to string toString: function() { return arrayToString(this.value) } // Move path string , move: function(x, y) { // get bounding box of current situation var box = this.bbox() // get relative offset x -= box.x y -= box.y if (!isNaN(x) && !isNaN(y)) { // move every point for (var l, i = this.value.length - 1; i >= 0; i--) { l = this.value[i][0] if (l == 'M' || l == 'L' || l == 'T') { this.value[i][1] += x this.value[i][2] += y } else if (l == 'H') { this.value[i][1] += x } else if (l == 'V') { this.value[i][1] += y } else if (l == 'C' || l == 'S' || l == 'Q') { this.value[i][1] += x this.value[i][2] += y this.value[i][3] += x this.value[i][4] += y if (l == 'C') { this.value[i][5] += x this.value[i][6] += y } } else if (l == 'A') { this.value[i][6] += x this.value[i][7] += y } } } return this } // Resize path string , size: function(width, height) { // get bounding box of current situation var i, l, box = this.bbox() // recalculate position of all points according to new size for (i = this.value.length - 1; i >= 0; i--) { l = this.value[i][0] if (l == 'M' || l == 'L' || l == 'T') { this.value[i][1] = ((this.value[i][1] - box.x) * width) / box.width + box.x this.value[i][2] = ((this.value[i][2] - box.y) * height) / box.height + box.y } else if (l == 'H') { this.value[i][1] = ((this.value[i][1] - box.x) * width) / box.width + box.x } else if (l == 'V') { this.value[i][1] = ((this.value[i][1] - box.y) * height) / box.height + box.y } else if (l == 'C' || l == 'S' || l == 'Q') { this.value[i][1] = ((this.value[i][1] - box.x) * width) / box.width + box.x this.value[i][2] = ((this.value[i][2] - box.y) * height) / box.height + box.y this.value[i][3] = ((this.value[i][3] - box.x) * width) / box.width + box.x this.value[i][4] = ((this.value[i][4] - box.y) * height) / box.height + box.y if (l == 'C') { this.value[i][5] = ((this.value[i][5] - box.x) * width) / box.width + box.x this.value[i][6] = ((this.value[i][6] - box.y) * height) / box.height + box.y } } else if (l == 'A') { // resize radii this.value[i][1] = (this.value[i][1] * width) / box.width this.value[i][2] = (this.value[i][2] * height) / box.height // move position values this.value[i][6] = ((this.value[i][6] - box.x) * width) / box.width + box.x this.value[i][7] = ((this.value[i][7] - box.y) * height) / box.height + box.y } } return this } // Absolutize and parse path to array , parse: function(array) { // if it's already a patharray, no need to parse it if (array instanceof SVG.PathArray) return array.valueOf() // prepare for parsing var i, x0, y0, s, seg, arr , x = 0 , y = 0 , paramCnt = { 'M':2, 'L':2, 'H':1, 'V':1, 'C':6, 'S':4, 'Q':4, 'T':2, 'A':7 } if(typeof array == 'string'){ array = array .replace(SVG.regex.negExp, 'X') // replace all negative exponents with certain char .replace(SVG.regex.pathLetters, ' $& ') // put some room between letters and numbers .replace(SVG.regex.hyphen, ' -') // add space before hyphen .replace(SVG.regex.comma, ' ') // unify all spaces .replace(SVG.regex.X, 'e-') // add back the expoent .trim() // trim .split(SVG.regex.whitespaces) // split into array // at this place there could be parts like ['3.124.854.32'] because we could not determine the point as seperator till now // we fix this elements in the next loop for(i = array.length; --i;){ if(array[i].indexOf('.') != array[i].lastIndexOf('.')){ var split = array[i].split('.') // split at the point var first = [split.shift(), split.shift()].join('.') // join the first number together array.splice.apply(array, [i, 1].concat(first, split.map(function(el){ return '.'+el }))) // add first and all other entries back to array } } }else{ array = array.reduce(function(prev, curr){ return [].concat.apply(prev, curr) }, []) } // array now is an array containing all parts of a path e.g. ['M', '0', '0', 'L', '30', '30' ...] var arr = [] do{ // Test if we have a path letter if(SVG.regex.isPathLetter.test(array[0])){ s = array[0] array.shift() // If last letter was a move command and we got no new, it defaults to [L]ine }else if(s == 'M'){ s = 'L' }else if(s == 'm'){ s = 'l' } // add path letter as first element seg = [s.toUpperCase()] // push all necessary parameters to segment for(i = 0; i < paramCnt[seg[0]]; ++i){ seg.push(parseFloat(array.shift())) } // upper case if(s == seg[0]){ if(s == 'M' || s == 'L' || s == 'C' || s == 'Q' || s == 'S' || s == 'T'){ x = seg[paramCnt[seg[0]]-1] y = seg[paramCnt[seg[0]]] }else if(s == 'V'){ y = seg[1] }else if(s == 'H'){ x = seg[1] }else if(s == 'A'){ x = seg[6] y = seg[7] } // lower case }else{ // convert relative to absolute values if(s == 'm' || s == 'l' || s == 'c' || s == 's' || s == 'q' || s == 't'){ seg[1] += x seg[2] += y if(seg[3] != null){ seg[3] += x seg[4] += y } if(seg[5] != null){ seg[5] += x seg[6] += y } // move pointer x = seg[paramCnt[seg[0]]-1] y = seg[paramCnt[seg[0]]] }else if(s == 'v'){ seg[1] += y y = seg[1] }else if(s == 'h'){ seg[1] += x x = seg[1] }else if(s == 'a'){ seg[6] += x seg[7] += y x = seg[6] y = seg[7] } } if(seg[0] == 'M'){ x0 = x y0 = y } if(seg[0] == 'Z'){ x = x0 y = y0 } arr.push(seg) }while(array.length) return arr } // Get bounding box of path , bbox: function() { SVG.parser.path.setAttribute('d', this.toString()) return SVG.parser.path.getBBox() } })