tsparticles
Version:
Easily create highly customizable particle, confetti and fireworks animations and use them as animated backgrounds for your website. Ready to use components available also for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Riot.js, Inferno.
1,084 lines (1,083 loc) • 79 kB
JavaScript
"use strict";
// SVGPathSeg API polyfill
//
// This is a drop-in replacement for the SVGPathSeg and SVGPathSegList APIs that were removed from
// SVG2 (https://lists.w3.org/Archives/Public/www-svg/2015Jun/0044.html), including the latest spec
// changes which were implemented in Firefox 43 and Chrome 46.
(function () {
"use strict";
try {
// The polyfill only applies to browser environments with a `window` object
// (i.e. not node.js, workers, etc.). If included in one of these
// environments (such as when using 'react-dom/server'), simply return out
if (typeof window === "undefined")
return;
if (!("SVGPathSeg" in window)) {
// Spec: http://www.w3.org/TR/SVG11/single-page.html#paths-InterfaceSVGPathSeg
window.SVGPathSeg = function (type, typeAsLetter, owningPathSegList) {
this.pathSegType = type;
this.pathSegTypeAsLetter = typeAsLetter;
this._owningPathSegList = owningPathSegList;
};
window.SVGPathSeg.prototype.classname = "SVGPathSeg";
window.SVGPathSeg.PATHSEG_UNKNOWN = 0;
window.SVGPathSeg.PATHSEG_CLOSEPATH = 1;
window.SVGPathSeg.PATHSEG_MOVETO_ABS = 2;
window.SVGPathSeg.PATHSEG_MOVETO_REL = 3;
window.SVGPathSeg.PATHSEG_LINETO_ABS = 4;
window.SVGPathSeg.PATHSEG_LINETO_REL = 5;
window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_ABS = 6;
window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_REL = 7;
window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_ABS = 8;
window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_REL = 9;
window.SVGPathSeg.PATHSEG_ARC_ABS = 10;
window.SVGPathSeg.PATHSEG_ARC_REL = 11;
window.SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_ABS = 12;
window.SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_REL = 13;
window.SVGPathSeg.PATHSEG_LINETO_VERTICAL_ABS = 14;
window.SVGPathSeg.PATHSEG_LINETO_VERTICAL_REL = 15;
window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS = 16;
window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_REL = 17;
window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS = 18;
window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL = 19;
// Notify owning PathSegList on any changes so they can be synchronized back to the path element.
window.SVGPathSeg.prototype._segmentChanged = function () {
if (this._owningPathSegList)
this._owningPathSegList.segmentChanged(this);
};
window.SVGPathSegClosePath = function (owningPathSegList) {
window.SVGPathSeg.call(this, window.SVGPathSeg.PATHSEG_CLOSEPATH, "z", owningPathSegList);
};
window.SVGPathSegClosePath.prototype = Object.create(window.SVGPathSeg.prototype);
window.SVGPathSegClosePath.prototype.toString = function () {
return "[object SVGPathSegClosePath]";
};
window.SVGPathSegClosePath.prototype._asPathString = function () {
return this.pathSegTypeAsLetter;
};
window.SVGPathSegClosePath.prototype.clone = function () {
return new window.SVGPathSegClosePath(undefined);
};
window.SVGPathSegMovetoAbs = function (owningPathSegList, x, y) {
window.SVGPathSeg.call(this, window.SVGPathSeg.PATHSEG_MOVETO_ABS, "M", owningPathSegList);
this._x = x;
this._y = y;
};
window.SVGPathSegMovetoAbs.prototype = Object.create(window.SVGPathSeg.prototype);
window.SVGPathSegMovetoAbs.prototype.toString = function () {
return "[object SVGPathSegMovetoAbs]";
};
window.SVGPathSegMovetoAbs.prototype._asPathString = function () {
return this.pathSegTypeAsLetter + " " + this._x + " " + this._y;
};
window.SVGPathSegMovetoAbs.prototype.clone = function () {
return new window.SVGPathSegMovetoAbs(undefined, this._x, this._y);
};
Object.defineProperty(window.SVGPathSegMovetoAbs.prototype, "x", {
get: function () {
return this._x;
},
set: function (x) {
this._x = x;
this._segmentChanged();
},
enumerable: true,
});
Object.defineProperty(window.SVGPathSegMovetoAbs.prototype, "y", {
get: function () {
return this._y;
},
set: function (y) {
this._y = y;
this._segmentChanged();
},
enumerable: true,
});
window.SVGPathSegMovetoRel = function (owningPathSegList, x, y) {
window.SVGPathSeg.call(this, window.SVGPathSeg.PATHSEG_MOVETO_REL, "m", owningPathSegList);
this._x = x;
this._y = y;
};
window.SVGPathSegMovetoRel.prototype = Object.create(window.SVGPathSeg.prototype);
window.SVGPathSegMovetoRel.prototype.toString = function () {
return "[object SVGPathSegMovetoRel]";
};
window.SVGPathSegMovetoRel.prototype._asPathString = function () {
return this.pathSegTypeAsLetter + " " + this._x + " " + this._y;
};
window.SVGPathSegMovetoRel.prototype.clone = function () {
return new window.SVGPathSegMovetoRel(undefined, this._x, this._y);
};
Object.defineProperty(window.SVGPathSegMovetoRel.prototype, "x", {
get: function () {
return this._x;
},
set: function (x) {
this._x = x;
this._segmentChanged();
},
enumerable: true,
});
Object.defineProperty(window.SVGPathSegMovetoRel.prototype, "y", {
get: function () {
return this._y;
},
set: function (y) {
this._y = y;
this._segmentChanged();
},
enumerable: true,
});
window.SVGPathSegLinetoAbs = function (owningPathSegList, x, y) {
window.SVGPathSeg.call(this, window.SVGPathSeg.PATHSEG_LINETO_ABS, "L", owningPathSegList);
this._x = x;
this._y = y;
};
window.SVGPathSegLinetoAbs.prototype = Object.create(window.SVGPathSeg.prototype);
window.SVGPathSegLinetoAbs.prototype.toString = function () {
return "[object SVGPathSegLinetoAbs]";
};
window.SVGPathSegLinetoAbs.prototype._asPathString = function () {
return this.pathSegTypeAsLetter + " " + this._x + " " + this._y;
};
window.SVGPathSegLinetoAbs.prototype.clone = function () {
return new window.SVGPathSegLinetoAbs(undefined, this._x, this._y);
};
Object.defineProperty(window.SVGPathSegLinetoAbs.prototype, "x", {
get: function () {
return this._x;
},
set: function (x) {
this._x = x;
this._segmentChanged();
},
enumerable: true,
});
Object.defineProperty(window.SVGPathSegLinetoAbs.prototype, "y", {
get: function () {
return this._y;
},
set: function (y) {
this._y = y;
this._segmentChanged();
},
enumerable: true,
});
window.SVGPathSegLinetoRel = function (owningPathSegList, x, y) {
window.SVGPathSeg.call(this, window.SVGPathSeg.PATHSEG_LINETO_REL, "l", owningPathSegList);
this._x = x;
this._y = y;
};
window.SVGPathSegLinetoRel.prototype = Object.create(window.SVGPathSeg.prototype);
window.SVGPathSegLinetoRel.prototype.toString = function () {
return "[object SVGPathSegLinetoRel]";
};
window.SVGPathSegLinetoRel.prototype._asPathString = function () {
return this.pathSegTypeAsLetter + " " + this._x + " " + this._y;
};
window.SVGPathSegLinetoRel.prototype.clone = function () {
return new window.SVGPathSegLinetoRel(undefined, this._x, this._y);
};
Object.defineProperty(window.SVGPathSegLinetoRel.prototype, "x", {
get: function () {
return this._x;
},
set: function (x) {
this._x = x;
this._segmentChanged();
},
enumerable: true,
});
Object.defineProperty(window.SVGPathSegLinetoRel.prototype, "y", {
get: function () {
return this._y;
},
set: function (y) {
this._y = y;
this._segmentChanged();
},
enumerable: true,
});
window.SVGPathSegCurvetoCubicAbs = function (owningPathSegList, x, y, x1, y1, x2, y2) {
window.SVGPathSeg.call(this, window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_ABS, "C", owningPathSegList);
this._x = x;
this._y = y;
this._x1 = x1;
this._y1 = y1;
this._x2 = x2;
this._y2 = y2;
};
window.SVGPathSegCurvetoCubicAbs.prototype = Object.create(window.SVGPathSeg.prototype);
window.SVGPathSegCurvetoCubicAbs.prototype.toString = function () {
return "[object SVGPathSegCurvetoCubicAbs]";
};
window.SVGPathSegCurvetoCubicAbs.prototype._asPathString = function () {
return (this.pathSegTypeAsLetter +
" " +
this._x1 +
" " +
this._y1 +
" " +
this._x2 +
" " +
this._y2 +
" " +
this._x +
" " +
this._y);
};
window.SVGPathSegCurvetoCubicAbs.prototype.clone = function () {
return new window.SVGPathSegCurvetoCubicAbs(undefined, this._x, this._y, this._x1, this._y1, this._x2, this._y2);
};
Object.defineProperty(window.SVGPathSegCurvetoCubicAbs.prototype, "x", {
get: function () {
return this._x;
},
set: function (x) {
this._x = x;
this._segmentChanged();
},
enumerable: true,
});
Object.defineProperty(window.SVGPathSegCurvetoCubicAbs.prototype, "y", {
get: function () {
return this._y;
},
set: function (y) {
this._y = y;
this._segmentChanged();
},
enumerable: true,
});
Object.defineProperty(window.SVGPathSegCurvetoCubicAbs.prototype, "x1", {
get: function () {
return this._x1;
},
set: function (x1) {
this._x1 = x1;
this._segmentChanged();
},
enumerable: true,
});
Object.defineProperty(window.SVGPathSegCurvetoCubicAbs.prototype, "y1", {
get: function () {
return this._y1;
},
set: function (y1) {
this._y1 = y1;
this._segmentChanged();
},
enumerable: true,
});
Object.defineProperty(window.SVGPathSegCurvetoCubicAbs.prototype, "x2", {
get: function () {
return this._x2;
},
set: function (x2) {
this._x2 = x2;
this._segmentChanged();
},
enumerable: true,
});
Object.defineProperty(window.SVGPathSegCurvetoCubicAbs.prototype, "y2", {
get: function () {
return this._y2;
},
set: function (y2) {
this._y2 = y2;
this._segmentChanged();
},
enumerable: true,
});
window.SVGPathSegCurvetoCubicRel = function (owningPathSegList, x, y, x1, y1, x2, y2) {
window.SVGPathSeg.call(this, window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_REL, "c", owningPathSegList);
this._x = x;
this._y = y;
this._x1 = x1;
this._y1 = y1;
this._x2 = x2;
this._y2 = y2;
};
window.SVGPathSegCurvetoCubicRel.prototype = Object.create(window.SVGPathSeg.prototype);
window.SVGPathSegCurvetoCubicRel.prototype.toString = function () {
return "[object SVGPathSegCurvetoCubicRel]";
};
window.SVGPathSegCurvetoCubicRel.prototype._asPathString = function () {
return (this.pathSegTypeAsLetter +
" " +
this._x1 +
" " +
this._y1 +
" " +
this._x2 +
" " +
this._y2 +
" " +
this._x +
" " +
this._y);
};
window.SVGPathSegCurvetoCubicRel.prototype.clone = function () {
return new window.SVGPathSegCurvetoCubicRel(undefined, this._x, this._y, this._x1, this._y1, this._x2, this._y2);
};
Object.defineProperty(window.SVGPathSegCurvetoCubicRel.prototype, "x", {
get: function () {
return this._x;
},
set: function (x) {
this._x = x;
this._segmentChanged();
},
enumerable: true,
});
Object.defineProperty(window.SVGPathSegCurvetoCubicRel.prototype, "y", {
get: function () {
return this._y;
},
set: function (y) {
this._y = y;
this._segmentChanged();
},
enumerable: true,
});
Object.defineProperty(window.SVGPathSegCurvetoCubicRel.prototype, "x1", {
get: function () {
return this._x1;
},
set: function (x1) {
this._x1 = x1;
this._segmentChanged();
},
enumerable: true,
});
Object.defineProperty(window.SVGPathSegCurvetoCubicRel.prototype, "y1", {
get: function () {
return this._y1;
},
set: function (y1) {
this._y1 = y1;
this._segmentChanged();
},
enumerable: true,
});
Object.defineProperty(window.SVGPathSegCurvetoCubicRel.prototype, "x2", {
get: function () {
return this._x2;
},
set: function (x2) {
this._x2 = x2;
this._segmentChanged();
},
enumerable: true,
});
Object.defineProperty(window.SVGPathSegCurvetoCubicRel.prototype, "y2", {
get: function () {
return this._y2;
},
set: function (y2) {
this._y2 = y2;
this._segmentChanged();
},
enumerable: true,
});
window.SVGPathSegCurvetoQuadraticAbs = function (owningPathSegList, x, y, x1, y1) {
window.SVGPathSeg.call(this, window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_ABS, "Q", owningPathSegList);
this._x = x;
this._y = y;
this._x1 = x1;
this._y1 = y1;
};
window.SVGPathSegCurvetoQuadraticAbs.prototype = Object.create(window.SVGPathSeg.prototype);
window.SVGPathSegCurvetoQuadraticAbs.prototype.toString = function () {
return "[object SVGPathSegCurvetoQuadraticAbs]";
};
window.SVGPathSegCurvetoQuadraticAbs.prototype._asPathString = function () {
return this.pathSegTypeAsLetter + " " + this._x1 + " " + this._y1 + " " + this._x + " " + this._y;
};
window.SVGPathSegCurvetoQuadraticAbs.prototype.clone = function () {
return new window.SVGPathSegCurvetoQuadraticAbs(undefined, this._x, this._y, this._x1, this._y1);
};
Object.defineProperty(window.SVGPathSegCurvetoQuadraticAbs.prototype, "x", {
get: function () {
return this._x;
},
set: function (x) {
this._x = x;
this._segmentChanged();
},
enumerable: true,
});
Object.defineProperty(window.SVGPathSegCurvetoQuadraticAbs.prototype, "y", {
get: function () {
return this._y;
},
set: function (y) {
this._y = y;
this._segmentChanged();
},
enumerable: true,
});
Object.defineProperty(window.SVGPathSegCurvetoQuadraticAbs.prototype, "x1", {
get: function () {
return this._x1;
},
set: function (x1) {
this._x1 = x1;
this._segmentChanged();
},
enumerable: true,
});
Object.defineProperty(window.SVGPathSegCurvetoQuadraticAbs.prototype, "y1", {
get: function () {
return this._y1;
},
set: function (y1) {
this._y1 = y1;
this._segmentChanged();
},
enumerable: true,
});
window.SVGPathSegCurvetoQuadraticRel = function (owningPathSegList, x, y, x1, y1) {
window.SVGPathSeg.call(this, window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_REL, "q", owningPathSegList);
this._x = x;
this._y = y;
this._x1 = x1;
this._y1 = y1;
};
window.SVGPathSegCurvetoQuadraticRel.prototype = Object.create(window.SVGPathSeg.prototype);
window.SVGPathSegCurvetoQuadraticRel.prototype.toString = function () {
return "[object SVGPathSegCurvetoQuadraticRel]";
};
window.SVGPathSegCurvetoQuadraticRel.prototype._asPathString = function () {
return this.pathSegTypeAsLetter + " " + this._x1 + " " + this._y1 + " " + this._x + " " + this._y;
};
window.SVGPathSegCurvetoQuadraticRel.prototype.clone = function () {
return new window.SVGPathSegCurvetoQuadraticRel(undefined, this._x, this._y, this._x1, this._y1);
};
Object.defineProperty(window.SVGPathSegCurvetoQuadraticRel.prototype, "x", {
get: function () {
return this._x;
},
set: function (x) {
this._x = x;
this._segmentChanged();
},
enumerable: true,
});
Object.defineProperty(window.SVGPathSegCurvetoQuadraticRel.prototype, "y", {
get: function () {
return this._y;
},
set: function (y) {
this._y = y;
this._segmentChanged();
},
enumerable: true,
});
Object.defineProperty(window.SVGPathSegCurvetoQuadraticRel.prototype, "x1", {
get: function () {
return this._x1;
},
set: function (x1) {
this._x1 = x1;
this._segmentChanged();
},
enumerable: true,
});
Object.defineProperty(window.SVGPathSegCurvetoQuadraticRel.prototype, "y1", {
get: function () {
return this._y1;
},
set: function (y1) {
this._y1 = y1;
this._segmentChanged();
},
enumerable: true,
});
window.SVGPathSegArcAbs = function (owningPathSegList, x, y, r1, r2, angle, largeArcFlag, sweepFlag) {
window.SVGPathSeg.call(this, window.SVGPathSeg.PATHSEG_ARC_ABS, "A", owningPathSegList);
this._x = x;
this._y = y;
this._r1 = r1;
this._r2 = r2;
this._angle = angle;
this._largeArcFlag = largeArcFlag;
this._sweepFlag = sweepFlag;
};
window.SVGPathSegArcAbs.prototype = Object.create(window.SVGPathSeg.prototype);
window.SVGPathSegArcAbs.prototype.toString = function () {
return "[object SVGPathSegArcAbs]";
};
window.SVGPathSegArcAbs.prototype._asPathString = function () {
return (this.pathSegTypeAsLetter +
" " +
this._r1 +
" " +
this._r2 +
" " +
this._angle +
" " +
(this._largeArcFlag ? "1" : "0") +
" " +
(this._sweepFlag ? "1" : "0") +
" " +
this._x +
" " +
this._y);
};
window.SVGPathSegArcAbs.prototype.clone = function () {
return new window.SVGPathSegArcAbs(undefined, this._x, this._y, this._r1, this._r2, this._angle, this._largeArcFlag, this._sweepFlag);
};
Object.defineProperty(window.SVGPathSegArcAbs.prototype, "x", {
get: function () {
return this._x;
},
set: function (x) {
this._x = x;
this._segmentChanged();
},
enumerable: true,
});
Object.defineProperty(window.SVGPathSegArcAbs.prototype, "y", {
get: function () {
return this._y;
},
set: function (y) {
this._y = y;
this._segmentChanged();
},
enumerable: true,
});
Object.defineProperty(window.SVGPathSegArcAbs.prototype, "r1", {
get: function () {
return this._r1;
},
set: function (r1) {
this._r1 = r1;
this._segmentChanged();
},
enumerable: true,
});
Object.defineProperty(window.SVGPathSegArcAbs.prototype, "r2", {
get: function () {
return this._r2;
},
set: function (r2) {
this._r2 = r2;
this._segmentChanged();
},
enumerable: true,
});
Object.defineProperty(window.SVGPathSegArcAbs.prototype, "angle", {
get: function () {
return this._angle;
},
set: function (angle) {
this._angle = angle;
this._segmentChanged();
},
enumerable: true,
});
Object.defineProperty(window.SVGPathSegArcAbs.prototype, "largeArcFlag", {
get: function () {
return this._largeArcFlag;
},
set: function (largeArcFlag) {
this._largeArcFlag = largeArcFlag;
this._segmentChanged();
},
enumerable: true,
});
Object.defineProperty(window.SVGPathSegArcAbs.prototype, "sweepFlag", {
get: function () {
return this._sweepFlag;
},
set: function (sweepFlag) {
this._sweepFlag = sweepFlag;
this._segmentChanged();
},
enumerable: true,
});
window.SVGPathSegArcRel = function (owningPathSegList, x, y, r1, r2, angle, largeArcFlag, sweepFlag) {
window.SVGPathSeg.call(this, window.SVGPathSeg.PATHSEG_ARC_REL, "a", owningPathSegList);
this._x = x;
this._y = y;
this._r1 = r1;
this._r2 = r2;
this._angle = angle;
this._largeArcFlag = largeArcFlag;
this._sweepFlag = sweepFlag;
};
window.SVGPathSegArcRel.prototype = Object.create(window.SVGPathSeg.prototype);
window.SVGPathSegArcRel.prototype.toString = function () {
return "[object SVGPathSegArcRel]";
};
window.SVGPathSegArcRel.prototype._asPathString = function () {
return (this.pathSegTypeAsLetter +
" " +
this._r1 +
" " +
this._r2 +
" " +
this._angle +
" " +
(this._largeArcFlag ? "1" : "0") +
" " +
(this._sweepFlag ? "1" : "0") +
" " +
this._x +
" " +
this._y);
};
window.SVGPathSegArcRel.prototype.clone = function () {
return new window.SVGPathSegArcRel(undefined, this._x, this._y, this._r1, this._r2, this._angle, this._largeArcFlag, this._sweepFlag);
};
Object.defineProperty(window.SVGPathSegArcRel.prototype, "x", {
get: function () {
return this._x;
},
set: function (x) {
this._x = x;
this._segmentChanged();
},
enumerable: true,
});
Object.defineProperty(window.SVGPathSegArcRel.prototype, "y", {
get: function () {
return this._y;
},
set: function (y) {
this._y = y;
this._segmentChanged();
},
enumerable: true,
});
Object.defineProperty(window.SVGPathSegArcRel.prototype, "r1", {
get: function () {
return this._r1;
},
set: function (r1) {
this._r1 = r1;
this._segmentChanged();
},
enumerable: true,
});
Object.defineProperty(window.SVGPathSegArcRel.prototype, "r2", {
get: function () {
return this._r2;
},
set: function (r2) {
this._r2 = r2;
this._segmentChanged();
},
enumerable: true,
});
Object.defineProperty(window.SVGPathSegArcRel.prototype, "angle", {
get: function () {
return this._angle;
},
set: function (angle) {
this._angle = angle;
this._segmentChanged();
},
enumerable: true,
});
Object.defineProperty(window.SVGPathSegArcRel.prototype, "largeArcFlag", {
get: function () {
return this._largeArcFlag;
},
set: function (largeArcFlag) {
this._largeArcFlag = largeArcFlag;
this._segmentChanged();
},
enumerable: true,
});
Object.defineProperty(window.SVGPathSegArcRel.prototype, "sweepFlag", {
get: function () {
return this._sweepFlag;
},
set: function (sweepFlag) {
this._sweepFlag = sweepFlag;
this._segmentChanged();
},
enumerable: true,
});
window.SVGPathSegLinetoHorizontalAbs = function (owningPathSegList, x) {
window.SVGPathSeg.call(this, window.SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_ABS, "H", owningPathSegList);
this._x = x;
};
window.SVGPathSegLinetoHorizontalAbs.prototype = Object.create(window.SVGPathSeg.prototype);
window.SVGPathSegLinetoHorizontalAbs.prototype.toString = function () {
return "[object SVGPathSegLinetoHorizontalAbs]";
};
window.SVGPathSegLinetoHorizontalAbs.prototype._asPathString = function () {
return this.pathSegTypeAsLetter + " " + this._x;
};
window.SVGPathSegLinetoHorizontalAbs.prototype.clone = function () {
return new window.SVGPathSegLinetoHorizontalAbs(undefined, this._x);
};
Object.defineProperty(window.SVGPathSegLinetoHorizontalAbs.prototype, "x", {
get: function () {
return this._x;
},
set: function (x) {
this._x = x;
this._segmentChanged();
},
enumerable: true,
});
window.SVGPathSegLinetoHorizontalRel = function (owningPathSegList, x) {
window.SVGPathSeg.call(this, window.SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_REL, "h", owningPathSegList);
this._x = x;
};
window.SVGPathSegLinetoHorizontalRel.prototype = Object.create(window.SVGPathSeg.prototype);
window.SVGPathSegLinetoHorizontalRel.prototype.toString = function () {
return "[object SVGPathSegLinetoHorizontalRel]";
};
window.SVGPathSegLinetoHorizontalRel.prototype._asPathString = function () {
return this.pathSegTypeAsLetter + " " + this._x;
};
window.SVGPathSegLinetoHorizontalRel.prototype.clone = function () {
return new window.SVGPathSegLinetoHorizontalRel(undefined, this._x);
};
Object.defineProperty(window.SVGPathSegLinetoHorizontalRel.prototype, "x", {
get: function () {
return this._x;
},
set: function (x) {
this._x = x;
this._segmentChanged();
},
enumerable: true,
});
window.SVGPathSegLinetoVerticalAbs = function (owningPathSegList, y) {
window.SVGPathSeg.call(this, window.SVGPathSeg.PATHSEG_LINETO_VERTICAL_ABS, "V", owningPathSegList);
this._y = y;
};
window.SVGPathSegLinetoVerticalAbs.prototype = Object.create(window.SVGPathSeg.prototype);
window.SVGPathSegLinetoVerticalAbs.prototype.toString = function () {
return "[object SVGPathSegLinetoVerticalAbs]";
};
window.SVGPathSegLinetoVerticalAbs.prototype._asPathString = function () {
return this.pathSegTypeAsLetter + " " + this._y;
};
window.SVGPathSegLinetoVerticalAbs.prototype.clone = function () {
return new window.SVGPathSegLinetoVerticalAbs(undefined, this._y);
};
Object.defineProperty(window.SVGPathSegLinetoVerticalAbs.prototype, "y", {
get: function () {
return this._y;
},
set: function (y) {
this._y = y;
this._segmentChanged();
},
enumerable: true,
});
window.SVGPathSegLinetoVerticalRel = function (owningPathSegList, y) {
window.SVGPathSeg.call(this, window.SVGPathSeg.PATHSEG_LINETO_VERTICAL_REL, "v", owningPathSegList);
this._y = y;
};
window.SVGPathSegLinetoVerticalRel.prototype = Object.create(window.SVGPathSeg.prototype);
window.SVGPathSegLinetoVerticalRel.prototype.toString = function () {
return "[object SVGPathSegLinetoVerticalRel]";
};
window.SVGPathSegLinetoVerticalRel.prototype._asPathString = function () {
return this.pathSegTypeAsLetter + " " + this._y;
};
window.SVGPathSegLinetoVerticalRel.prototype.clone = function () {
return new window.SVGPathSegLinetoVerticalRel(undefined, this._y);
};
Object.defineProperty(window.SVGPathSegLinetoVerticalRel.prototype, "y", {
get: function () {
return this._y;
},
set: function (y) {
this._y = y;
this._segmentChanged();
},
enumerable: true,
});
window.SVGPathSegCurvetoCubicSmoothAbs = function (owningPathSegList, x, y, x2, y2) {
window.SVGPathSeg.call(this, window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS, "S", owningPathSegList);
this._x = x;
this._y = y;
this._x2 = x2;
this._y2 = y2;
};
window.SVGPathSegCurvetoCubicSmoothAbs.prototype = Object.create(window.SVGPathSeg.prototype);
window.SVGPathSegCurvetoCubicSmoothAbs.prototype.toString = function () {
return "[object SVGPathSegCurvetoCubicSmoothAbs]";
};
window.SVGPathSegCurvetoCubicSmoothAbs.prototype._asPathString = function () {
return this.pathSegTypeAsLetter + " " + this._x2 + " " + this._y2 + " " + this._x + " " + this._y;
};
window.SVGPathSegCurvetoCubicSmoothAbs.prototype.clone = function () {
return new window.SVGPathSegCurvetoCubicSmoothAbs(undefined, this._x, this._y, this._x2, this._y2);
};
Object.defineProperty(window.SVGPathSegCurvetoCubicSmoothAbs.prototype, "x", {
get: function () {
return this._x;
},
set: function (x) {
this._x = x;
this._segmentChanged();
},
enumerable: true,
});
Object.defineProperty(window.SVGPathSegCurvetoCubicSmoothAbs.prototype, "y", {
get: function () {
return this._y;
},
set: function (y) {
this._y = y;
this._segmentChanged();
},
enumerable: true,
});
Object.defineProperty(window.SVGPathSegCurvetoCubicSmoothAbs.prototype, "x2", {
get: function () {
return this._x2;
},
set: function (x2) {
this._x2 = x2;
this._segmentChanged();
},
enumerable: true,
});
Object.defineProperty(window.SVGPathSegCurvetoCubicSmoothAbs.prototype, "y2", {
get: function () {
return this._y2;
},
set: function (y2) {
this._y2 = y2;
this._segmentChanged();
},
enumerable: true,
});
window.SVGPathSegCurvetoCubicSmoothRel = function (owningPathSegList, x, y, x2, y2) {
window.SVGPathSeg.call(this, window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_REL, "s", owningPathSegList);
this._x = x;
this._y = y;
this._x2 = x2;
this._y2 = y2;
};
window.SVGPathSegCurvetoCubicSmoothRel.prototype = Object.create(window.SVGPathSeg.prototype);
window.SVGPathSegCurvetoCubicSmoothRel.prototype.toString = function () {
return "[object SVGPathSegCurvetoCubicSmoothRel]";
};
window.SVGPathSegCurvetoCubicSmoothRel.prototype._asPathString = function () {
return this.pathSegTypeAsLetter + " " + this._x2 + " " + this._y2 + " " + this._x + " " + this._y;
};
window.SVGPathSegCurvetoCubicSmoothRel.prototype.clone = function () {
return new window.SVGPathSegCurvetoCubicSmoothRel(undefined, this._x, this._y, this._x2, this._y2);
};
Object.defineProperty(window.SVGPathSegCurvetoCubicSmoothRel.prototype, "x", {
get: function () {
return this._x;
},
set: function (x) {
this._x = x;
this._segmentChanged();
},
enumerable: true,
});
Object.defineProperty(window.SVGPathSegCurvetoCubicSmoothRel.prototype, "y", {
get: function () {
return this._y;
},
set: function (y) {
this._y = y;
this._segmentChanged();
},
enumerable: true,
});
Object.defineProperty(window.SVGPathSegCurvetoCubicSmoothRel.prototype, "x2", {
get: function () {
return this._x2;
},
set: function (x2) {
this._x2 = x2;
this._segmentChanged();
},
enumerable: true,
});
Object.defineProperty(window.SVGPathSegCurvetoCubicSmoothRel.prototype, "y2", {
get: function () {
return this._y2;
},
set: function (y2) {
this._y2 = y2;
this._segmentChanged();
},
enumerable: true,
});
window.SVGPathSegCurvetoQuadraticSmoothAbs = function (owningPathSegList, x, y) {
window.SVGPathSeg.call(this, window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS, "T", owningPathSegList);
this._x = x;
this._y = y;
};
window.SVGPathSegCurvetoQuadraticSmoothAbs.prototype = Object.create(window.SVGPathSeg.prototype);
window.SVGPathSegCurvetoQuadraticSmoothAbs.prototype.toString = function () {
return "[object SVGPathSegCurvetoQuadraticSmoothAbs]";
};
window.SVGPathSegCurvetoQuadraticSmoothAbs.prototype._asPathString = function () {
return this.pathSegTypeAsLetter + " " + this._x + " " + this._y;
};
window.SVGPathSegCurvetoQuadraticSmoothAbs.prototype.clone = function () {
return new window.SVGPathSegCurvetoQuadraticSmoothAbs(undefined, this._x, this._y);
};
Object.defineProperty(window.SVGPathSegCurvetoQuadraticSmoothAbs.prototype, "x", {
get: function () {
return this._x;
},
set: function (x) {
this._x = x;
this._segmentChanged();
},
enumerable: true,
});
Object.defineProperty(window.SVGPathSegCurvetoQuadraticSmoothAbs.prototype, "y", {
get: function () {
return this._y;
},
set: function (y) {
this._y = y;
this._segmentChanged();
},
enumerable: true,
});
window.SVGPathSegCurvetoQuadraticSmoothRel = function (owningPathSegList, x, y) {
window.SVGPathSeg.call(this, window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL, "t", owningPathSegList);
this._x = x;
this._y = y;
};
window.SVGPathSegCurvetoQuadraticSmoothRel.prototype = Object.create(window.SVGPathSeg.prototype);
window.SVGPathSegCurvetoQuadraticSmoothRel.prototype.toString = function () {
return "[object SVGPathSegCurvetoQuadraticSmoothRel]";
};
window.SVGPathSegCurvetoQuadraticSmoothRel.prototype._asPathString = function () {
return this.pathSegTypeAsLetter + " " + this._x + " " + this._y;
};
window.SVGPathSegCurvetoQuadraticSmoothRel.prototype.clone = function () {
return new window.SVGPathSegCurvetoQuadraticSmoothRel(undefined, this._x, this._y);
};
Object.defineProperty(window.SVGPathSegCurvetoQuadraticSmoothRel.prototype, "x", {
get: function () {
return this._x;
},
set: function (x) {
this._x = x;
this._segmentChanged();
},
enumerable: true,
});
Object.defineProperty(window.SVGPathSegCurvetoQuadraticSmoothRel.prototype, "y", {
get: function () {
return this._y;
},
set: function (y) {
this._y = y;
this._segmentChanged();
},
enumerable: true,
});
// Add createSVGPathSeg* functions to window.SVGPathElement.
// Spec: http://www.w3.org/TR/SVG11/single-page.html#paths-Interfacewindow.SVGPathElement.
window.SVGPathElement.prototype.createSVGPathSegClosePath = function () {
return new window.SVGPathSegClosePath(undefined);
};
window.SVGPathElement.prototype.createSVGPathSegMovetoAbs = function (x, y) {
return new window.SVGPathSegMovetoAbs(undefined, x, y);
};
window.SVGPathElement.prototype.createSVGPathSegMovetoRel = function (x, y) {
return new window.SVGPathSegMovetoRel(undefined, x, y);
};
window.SVGPathElement.prototype.createSVGPathSegLinetoAbs = function (x, y) {
return new window.SVGPathSegLinetoAbs(undefined, x, y);
};
window.SVGPathElement.prototype.createSVGPathSegLinetoRel = function (x, y) {
return new window.SVGPathSegLinetoRel(undefined, x, y);
};
window.SVGPathElement.prototype.createSVGPathSegCurvetoCubicAbs = function (x, y, x1, y1, x2, y2) {
return new window.SVGPathSegCurvetoCubicAbs(undefined, x, y, x1, y1, x2, y2);
};
window.SVGPathElement.prototype.createSVGPathSegCurvetoCubicRel = function (x, y, x1, y1, x2, y2) {
return new window.SVGPathSegCurvetoCubicRel(undefined, x, y, x1, y1, x2, y2);
};
window.SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticAbs = function (x, y, x1, y1) {
return new window.SVGPathSegCurvetoQuadraticAbs(undefined, x, y, x1, y1);
};
window.SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticRel = function (x, y, x1, y1) {
return new window.SVGPathSegCurvetoQuadraticRel(undefined, x, y, x1, y1);
};
window.SVGPathElement.prototype.createSVGPathSegArcAbs = function (x, y, r1, r2, angle, largeArcFlag, sweepFlag) {
return new window.SVGPathSegArcAbs(undefined, x, y, r1, r2, angle, largeArcFlag, sweepFlag);
};
window.SVGPathElement.prototype.createSVGPathSegArcRel = function (x, y, r1, r2, angle, largeArcFlag, sweepFlag) {
return new window.SVGPathSegArcRel(undefined, x, y, r1, r2, angle, largeArcFlag, sweepFlag);
};
window.SVGPathElement.prototype.createSVGPathSegLinetoHorizontalAbs = function (x) {
return new window.SVGPathSegLinetoHorizontalAbs(undefined, x);
};
window.SVGPathElement.prototype.createSVGPathSegLinetoHorizontalRel = function (x) {
return new window.SVGPathSegLinetoHorizontalRel(undefined, x);
};
window.SVGPathElement.prototype.createSVGPathSegLinetoVerticalAbs = function (y) {
return new window.SVGPathSegLinetoVerticalAbs(undefined, y);
};
window.SVGPathElement.prototype.createSVGPathSegLinetoVerticalRel = function (y) {
return new window.SVGPathSegLinetoVerticalRel(undefined, y);
};
window.SVGPathElement.prototype.createSVGPathSegCurvetoCubicSmoothAbs = function (x, y, x2, y2) {
return new window.SVGPathSegCurvetoCubicSmoothAbs(undefined, x, y, x2, y2);
};
window.SVGPathElement.prototype.createSVGPathSegCurvetoCubicSmoothRel = function (x, y, x2, y2) {
return new window.SVGPathSegCurvetoCubicSmoothRel(undefined, x, y, x2, y2);
};
window.SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticSmoothAbs = function (x, y) {
return new window.SVGPathSegCurvetoQuadraticSmoothAbs(undefined, x, y);
};
window.SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticSmoothRel = function (x, y) {
return new window.SVGPathSegCurvetoQuadraticSmoothRel(undefined, x, y);
};
if (!("getPathSegAtLength" in window.SVGPathElement.prototype)) {
// Add getPathSegAtLength to SVGPathElement.
// Spec: https://www.w3.org/TR/SVG11/single-page.html#paths-__svg__SVGPathElement__getPathSegAtLength
// This polyfill requires SVGPathElement.getTotalLength to implement the distance-along-a-path algorithm.
window.SVGPathElement.prototype.getPathSegAtLength = function (distance) {
if (distance === undefined || !isFinite(distance))
throw "Invalid arguments.";
const measurementElement = document.createElementNS("http://www.w3.org/2000/svg", "path");
measurementElement.setAttribute("d", this.getAttribute("d"));
let lastPathSegment = measurementElement.pathSegList.numberOfItems - 1;
// If the path is empty, return 0.
if (lastPathSegment <= 0)
return 0;
do {
measurementElement.pathSegList.removeItem(lastPathSegment);
if (distance > measurementElement.getTotalLength())
break;
lastPathSegment--;
} while (lastPathSegment > 0);
return lastPathSegment;
};
}
}
// Checking for SVGPathSegList in window checks for the case of an implementation without the
// SVGPathSegList API.
// The second check for appendItem is specific to Firefox 59+ which removed only parts of the
// SVGPathSegList API (e.g., appendItem). In this case we need to re-implement the entire API
// so the polyfill data (i.e., _list) is used throughout.
if (!("SVGPathSegList" in window) || !("appendItem" in window.SVGPathSegList.prototype)) {
// Spec: http://www.w3.org/TR/SVG11/single-page.html#paths-InterfaceSVGPathSegList
window.SVGPathSegList = function (pathElement) {
this._pathElement = pathElement;
this._list = this._parsePath(this._pathElement.getAttribute("d"));
// Use a MutationObserver to catch changes to the path's "d" attribute.
this._mutationObserverConfig = { attributes: true, attributeFilter: ["d"] };
this._pathElementMutationObserver = new MutationObserver(this._updateListFromPathMutations.bind(this));
this._pathElementMutationObserver.observe(this._pathElement, this._mutationObserverConfig);
};
window.SVGPathSegList.prototype.classname = "SVGPathSegList";
Object.defineProperty(window.SVGPathSegList.prototype, "numberOfItems", {