diff options
author | Saivan <savian@me.com> | 2018-02-27 01:14:06 +1100 |
---|---|---|
committer | Saivan <savian@me.com> | 2018-02-27 01:14:06 +1100 |
commit | 15637375c5a00b64ae6b493187e5791cfadbc94f (patch) | |
tree | 44374e3a4e943de6d3382c9a99f01dc3c052c9ee /src/sugar.js | |
parent | bec7881979149425a9c1b894f4741413b28c8141 (diff) | |
download | svg.js-15637375c5a00b64ae6b493187e5791cfadbc94f.tar.gz svg.js-15637375c5a00b64ae6b493187e5791cfadbc94f.zip |
All files now loosely abide by standard linting
This commit completes the rest of the files, making sure they are
in the standard linting format. Next we will add the linter to
the build process of our application.
Diffstat (limited to 'src/sugar.js')
-rw-r--r-- | src/sugar.js | 119 |
1 files changed, 61 insertions, 58 deletions
diff --git a/src/sugar.js b/src/sugar.js index 117acea..c3a3332 100644 --- a/src/sugar.js +++ b/src/sugar.js @@ -1,117 +1,120 @@ // Define list of available attributes for stroke and fill var sugar = { - stroke: ['color', 'width', 'opacity', 'linecap', 'linejoin', 'miterlimit', 'dasharray', 'dashoffset'] -, fill: ['color', 'opacity', 'rule'] -, prefix: function(t, a) { - return a == 'color' ? t : t + '-' + a + stroke: ['color', 'width', 'opacity', 'linecap', 'linejoin', 'miterlimit', 'dasharray', 'dashoffset'], + fill: ['color', 'opacity', 'rule'], + prefix: function (t, a) { + return a === 'color' ? t : t + '-' + a } } // Add sugar for fill and stroke -;['fill', 'stroke'].forEach(function(m) { - var i, extension = {} +;['fill', 'stroke'].forEach(function (m) { + var extension = {} + var i - extension[m] = function(o) { - if (typeof o == 'undefined') + extension[m] = function (o) { + if (typeof o === 'undefined') { return this - if (typeof o == 'string' || SVG.Color.isRgb(o) || (o && typeof o.fill === 'function')) + } + if (typeof o === 'string' || SVG.Color.isRgb(o) || (o && typeof o.fill === 'function')) { this.attr(m, o) - - else + } else { // set all attributes from sugar.fill and sugar.stroke list - for (i = sugar[m].length - 1; i >= 0; i--) - if (o[sugar[m][i]] != null) + for (i = sugar[m].length - 1; i >= 0; i--) { + if (o[sugar[m][i]] != null) { this.attr(sugar.prefix(m, sugar[m][i]), o[sugar[m][i]]) + } + } + } return this } SVG.extend([SVG.Element, SVG.FX], extension) - }) SVG.extend([SVG.Element, SVG.FX], { // Map rotation to transform - rotate: function(d, cx, cy) { + rotate: function (d, cx, cy) { return this.transform({ rotation: d, cx: cx, cy: cy }) - } + }, // Map skew to transform -, skew: function(x, y, cx, cy) { - return arguments.length == 1 || arguments.length == 3 ? - this.transform({ skew: x, cx: y, cy: cx }) : - this.transform({ skewX: x, skewY: y, cx: cx, cy: cy }) - } + skew: function (x, y, cx, cy) { + return arguments.length === 1 || arguments.length === 3 + ? this.transform({ skew: x, cx: y, cy: cx }) + : this.transform({ skewX: x, skewY: y, cx: cx, cy: cy }) + }, // Map scale to transform -, scale: function(x, y, cx, cy) { - return arguments.length == 1 || arguments.length == 3 ? - this.transform({ scale: x, cx: y, cy: cx }) : - this.transform({ scaleX: x, scaleY: y, cx: cx, cy: cy }) - } + scale: function (x, y, cx, cy) { + return arguments.length === 1 || arguments.length === 3 + ? this.transform({ scale: x, cx: y, cy: cx }) + : this.transform({ scaleX: x, scaleY: y, cx: cx, cy: cy }) + }, // Map translate to transform -, translate: function(x, y) { + translate: function (x, y) { return this.transform({ x: x, y: y }) - } + }, // Map flip to transform -, flip: function(a, o) { - o = typeof a == 'number' ? a : o + flip: function (a, o) { + o = typeof a === 'number' ? a : o return this.transform({ flip: a || 'both', offset: o }) - } + }, // Map matrix to transform -, matrix: function(m) { - return this.attr('transform', new SVG.Matrix(arguments.length == 6 ? [].slice.call(arguments) : m)) - } + matrix: function (m) { + return this.attr('transform', new SVG.Matrix(arguments.length === 6 ? [].slice.call(arguments) : m)) + }, // Opacity -, opacity: function(value) { + opacity: function (value) { return this.attr('opacity', value) - } + }, // Relative move over x axis -, dx: function(x) { + dx: function (x) { return this.x(new SVG.Number(x).plus(this instanceof SVG.FX ? 0 : this.x()), true) - } + }, // Relative move over y axis -, dy: function(y) { + dy: function (y) { return this.y(new SVG.Number(y).plus(this instanceof SVG.FX ? 0 : this.y()), true) - } + }, // Relative move over x and y axes -, dmove: function(x, y) { + dmove: function (x, y) { return this.dx(x).dy(y) } }) SVG.extend([SVG.Rect, SVG.Ellipse, SVG.Circle, SVG.Gradient, SVG.FX], { // Add x and y radius - radius: function(x, y) { - var type = (this._target || this).type; - return type == 'radialGradient' || type == 'radialGradient' ? - this.attr('r', new SVG.Number(x)) : - this.rx(x).ry(y == null ? x : y) + radius: function (x, y) { + var type = (this._target || this).type + return type === 'radialGradient' || type === 'radialGradient' + ? this.attr('r', new SVG.Number(x)) + : this.rx(x).ry(y == null ? x : y) } }) SVG.extend(SVG.Path, { // Get path length - length: function() { + length: function () { return this.node.getTotalLength() - } + }, // Get point at length -, pointAt: function(length) { + pointAt: function (length) { return new SVG.Point(this.node.getPointAtLength(length)) } }) SVG.extend([SVG.Parent, SVG.Text, SVG.Tspan, SVG.FX], { // Set font - font: function(a, v) { - if (typeof a == 'object') { + font: function (a, v) { + if (typeof a === 'object') { for (v in a) this.font(v, a[v]) } - return a == 'leading' ? - this.leading(v) : - a == 'anchor' ? - this.attr('text-anchor', v) : - a == 'size' || a == 'family' || a == 'weight' || a == 'stretch' || a == 'variant' || a == 'style' ? - this.attr('font-'+ a, v) : - this.attr(a, v) + return a === 'leading' + ? this.leading(v) + : a === 'anchor' + ? this.attr('text-anchor', v) + : a === 'size' || a === 'family' || a === 'weight' || a === 'stretch' || a === 'variant' || a === 'style' + ? this.attr('font-' + a, v) + : this.attr(a, v) } }) |