summaryrefslogtreecommitdiffstats
path: root/src/sugar.js
diff options
context:
space:
mode:
authorSaivan <savian@me.com>2018-02-27 01:14:06 +1100
committerSaivan <savian@me.com>2018-02-27 01:14:06 +1100
commit15637375c5a00b64ae6b493187e5791cfadbc94f (patch)
tree44374e3a4e943de6d3382c9a99f01dc3c052c9ee /src/sugar.js
parentbec7881979149425a9c1b894f4741413b28c8141 (diff)
downloadsvg.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.js119
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)
}
})