@tsparticles/path-svg 3.2.1 → 3.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/{794.min.js → 259.min.js} +2 -2
- package/259.min.js.LICENSE.txt +1 -0
- package/browser/SVGPathGenerator.js +21 -19
- package/cjs/SVGPathGenerator.js +21 -19
- package/cjs/index.js +1 -24
- package/dist_browser_SVGPathGenerator_js.js +2 -2
- package/esm/SVGPathGenerator.js +21 -19
- package/package.json +2 -2
- package/report.html +1 -1
- package/tsparticles.path.svg.js +2 -2
- package/tsparticles.path.svg.min.js +1 -1
- package/tsparticles.path.svg.min.js.LICENSE.txt +1 -1
- package/types/SVGPathGenerator.d.ts +2 -2
- package/umd/SVGPathGenerator.js +21 -19
- package/794.min.js.LICENSE.txt +0 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! For license information please see
|
|
2
|
-
(this.webpackChunk_tsparticles_path_svg=this.webpackChunk_tsparticles_path_svg||[]).push([[
|
|
1
|
+
/*! For license information please see 259.min.js.LICENSE.txt */
|
|
2
|
+
(this.webpackChunk_tsparticles_path_svg=this.webpackChunk_tsparticles_path_svg||[]).push([[259],{259:(t,e,s)=>{s.d(e,{SVGPathGenerator:()=>a});var i=s(303);const h=.5;class a{constructor(){this._paths=[],this._reverse=!1,this._size={width:0,height:0},this._scale=1,this._offset={x:0,y:0,mode:"percent"},this._width=0}generate(t,e){const s=t.container.retina.pixelRatio;void 0===t.svgDirection&&(t.svgDirection=(0,i.getRandom)()>i.halfRandom?0:1),void 0===t.svgPathIndex&&(t.svgPathIndex=Math.floor(Math.random()*this._paths.length)),void 0===t.svgSpeed&&(t.svgSpeed=t.velocity.mult((t.retina.moveSpeed??1)*h).length),void 0===t.svgStep&&(t.svgStep=(0,i.randomInRange)({min:0,max:this._paths[t.svgPathIndex].length})*s),void 0===t.svgOffset&&(t.svgOffset={width:(0,i.randomInRange)({min:-this._width*h,max:this._width*h})*s,height:(0,i.randomInRange)({min:-this._width*h,max:this._width*h})*s}),void 0===t.svgInitialPosition&&(t.svgInitialPosition={...t.position}),t.velocity.x=0,t.velocity.y=0,0===t.svgDirection?t.svgStep+=t.svgSpeed*e.factor:t.svgStep-=t.svgSpeed*e.factor;let a=this._paths[t.svgPathIndex];if(a){const e=a.length,s=1;t.svgStep>=e?(t.svgPathIndex=t.svgPathIndex+s,t.svgPathIndex>=this._paths.length&&(this._reverse?(t.svgPathIndex=this._paths.length-s,t.svgDirection=1):(t.svgPathIndex=0,t.svgStep=0))):t.svgStep<=0&&(t.svgPathIndex=t.svgPathIndex-s,t.svgPathIndex<0&&(this._reverse?(t.svgPathIndex=0,t.svgDirection=0):(t.svgPathIndex=this._paths.length-s,a=this._paths[t.svgPathIndex],t.svgStep=a.length))),a=this._paths[t.svgPathIndex]}if(a){const e=a.element.getPointAtLength(t.svgStep),n=t.container.canvas.size,g=(0,i.getPosition)(this._offset,n),o=this._scale*s;t.position.x=(e.x-this._size.width*h)*o+t.svgInitialPosition.x+g.x+t.svgOffset.width,t.position.y=(e.y-this._size.height*h)*o+t.svgInitialPosition.y+g.y+t.svgOffset.height}return i.Vector.origin}init(t){const e=t.actualOptions.particles.move.path.options,s=e.position??this._offset;if(this._reverse=e.reverse??this._reverse,this._scale=e.scale??1,this._offset.x=s.x,this._offset.y=s.y,this._offset.mode=s.mode,this._width=e.width??0,e.url&&!e.path){const t=e.url;(async()=>{const e=await fetch(t),s=await e.text(),i=(new DOMParser).parseFromString(s,"image/svg+xml"),h=i.getElementsByTagName("svg")[0];let a=h.getElementsByTagName("path");a.length||(a=i.getElementsByTagName("path")),this._paths=[];for(let t=0;t<a.length;t++){const e=a.item(t);e&&this._paths.push({element:e,length:e.getTotalLength()})}this._size.height=parseFloat(h.getAttribute("height")??"0"),this._size.width=parseFloat(h.getAttribute("width")??"0")})()}else if(e.path){const t=e.path;this._paths=[];for(const e of t.data){const t=document.createElementNS("http://www.w3.org/2000/svg","path");t.setAttribute("d",e),this._paths.push({element:t,length:t.getTotalLength()})}this._size.height=t.size.height,this._size.width=t.size.width}}reset(){}update(){}}}}]);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/*! tsParticles SVG Path v3.3.0 by Matteo Bruni */
|
|
@@ -85,9 +85,9 @@ export class SVGPathGenerator {
|
|
|
85
85
|
offset.y +
|
|
86
86
|
particle.svgOffset.height;
|
|
87
87
|
}
|
|
88
|
-
return
|
|
88
|
+
return Vector.origin;
|
|
89
89
|
}
|
|
90
|
-
|
|
90
|
+
init(container) {
|
|
91
91
|
const options = container.actualOptions.particles.move.path.options, position = options.position ?? this._offset;
|
|
92
92
|
this._reverse = options.reverse ?? this._reverse;
|
|
93
93
|
this._scale = options.scale ?? minScale;
|
|
@@ -97,24 +97,26 @@ export class SVGPathGenerator {
|
|
|
97
97
|
this._width = options.width ?? minWidth;
|
|
98
98
|
if (options.url && !options.path) {
|
|
99
99
|
const url = options.url;
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
svgPaths
|
|
105
|
-
|
|
106
|
-
this._paths = [];
|
|
107
|
-
for (let i = 0; i < svgPaths.length; i++) {
|
|
108
|
-
const path = svgPaths.item(i);
|
|
109
|
-
if (path) {
|
|
110
|
-
this._paths.push({
|
|
111
|
-
element: path,
|
|
112
|
-
length: path.getTotalLength(),
|
|
113
|
-
});
|
|
100
|
+
void (async () => {
|
|
101
|
+
const response = await fetch(url), data = await response.text();
|
|
102
|
+
const parser = new DOMParser(), doc = parser.parseFromString(data, "image/svg+xml"), firstIndex = 0, svg = doc.getElementsByTagName("svg")[firstIndex];
|
|
103
|
+
let svgPaths = svg.getElementsByTagName("path");
|
|
104
|
+
if (!svgPaths.length) {
|
|
105
|
+
svgPaths = doc.getElementsByTagName("path");
|
|
114
106
|
}
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
107
|
+
this._paths = [];
|
|
108
|
+
for (let i = 0; i < svgPaths.length; i++) {
|
|
109
|
+
const path = svgPaths.item(i);
|
|
110
|
+
if (path) {
|
|
111
|
+
this._paths.push({
|
|
112
|
+
element: path,
|
|
113
|
+
length: path.getTotalLength(),
|
|
114
|
+
});
|
|
115
|
+
}
|
|
116
|
+
}
|
|
117
|
+
this._size.height = parseFloat(svg.getAttribute("height") ?? "0");
|
|
118
|
+
this._size.width = parseFloat(svg.getAttribute("width") ?? "0");
|
|
119
|
+
})();
|
|
118
120
|
}
|
|
119
121
|
else if (options.path) {
|
|
120
122
|
const path = options.path;
|
package/cjs/SVGPathGenerator.js
CHANGED
|
@@ -88,9 +88,9 @@ class SVGPathGenerator {
|
|
|
88
88
|
offset.y +
|
|
89
89
|
particle.svgOffset.height;
|
|
90
90
|
}
|
|
91
|
-
return
|
|
91
|
+
return engine_1.Vector.origin;
|
|
92
92
|
}
|
|
93
|
-
|
|
93
|
+
init(container) {
|
|
94
94
|
const options = container.actualOptions.particles.move.path.options, position = options.position ?? this._offset;
|
|
95
95
|
this._reverse = options.reverse ?? this._reverse;
|
|
96
96
|
this._scale = options.scale ?? minScale;
|
|
@@ -100,24 +100,26 @@ class SVGPathGenerator {
|
|
|
100
100
|
this._width = options.width ?? minWidth;
|
|
101
101
|
if (options.url && !options.path) {
|
|
102
102
|
const url = options.url;
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
svgPaths
|
|
108
|
-
|
|
109
|
-
this._paths = [];
|
|
110
|
-
for (let i = 0; i < svgPaths.length; i++) {
|
|
111
|
-
const path = svgPaths.item(i);
|
|
112
|
-
if (path) {
|
|
113
|
-
this._paths.push({
|
|
114
|
-
element: path,
|
|
115
|
-
length: path.getTotalLength(),
|
|
116
|
-
});
|
|
103
|
+
void (async () => {
|
|
104
|
+
const response = await fetch(url), data = await response.text();
|
|
105
|
+
const parser = new DOMParser(), doc = parser.parseFromString(data, "image/svg+xml"), firstIndex = 0, svg = doc.getElementsByTagName("svg")[firstIndex];
|
|
106
|
+
let svgPaths = svg.getElementsByTagName("path");
|
|
107
|
+
if (!svgPaths.length) {
|
|
108
|
+
svgPaths = doc.getElementsByTagName("path");
|
|
117
109
|
}
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
110
|
+
this._paths = [];
|
|
111
|
+
for (let i = 0; i < svgPaths.length; i++) {
|
|
112
|
+
const path = svgPaths.item(i);
|
|
113
|
+
if (path) {
|
|
114
|
+
this._paths.push({
|
|
115
|
+
element: path,
|
|
116
|
+
length: path.getTotalLength(),
|
|
117
|
+
});
|
|
118
|
+
}
|
|
119
|
+
}
|
|
120
|
+
this._size.height = parseFloat(svg.getAttribute("height") ?? "0");
|
|
121
|
+
this._size.width = parseFloat(svg.getAttribute("width") ?? "0");
|
|
122
|
+
})();
|
|
121
123
|
}
|
|
122
124
|
else if (options.path) {
|
|
123
125
|
const path = options.path;
|
package/cjs/index.js
CHANGED
|
@@ -1,32 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
3
|
exports.loadSVGPath = exports.svgPathName = void 0;
|
|
27
4
|
exports.svgPathName = "svgPathGenerator";
|
|
28
5
|
async function loadSVGPath(engine, refresh = true) {
|
|
29
|
-
const { SVGPathGenerator } = await
|
|
6
|
+
const { SVGPathGenerator } = await import("./SVGPathGenerator.js");
|
|
30
7
|
await engine.addPathGenerator(exports.svgPathName, new SVGPathGenerator(), refresh);
|
|
31
8
|
}
|
|
32
9
|
exports.loadSVGPath = loadSVGPath;
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* Demo / Generator : https://particles.js.org/
|
|
5
5
|
* GitHub : https://www.github.com/matteobruni/tsparticles
|
|
6
6
|
* How to use? : Check the GitHub README
|
|
7
|
-
* v3.
|
|
7
|
+
* v3.3.0
|
|
8
8
|
*/
|
|
9
9
|
"use strict";
|
|
10
10
|
/*
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
\******************************************/
|
|
24
24
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
25
25
|
|
|
26
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ SVGPathGenerator: () => (/* binding */ SVGPathGenerator)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__);\n\nconst defaultSpeed = 1,\n half = 0.5,\n minStep = 0,\n minIndex = 0,\n minWidth = 0,\n minScale = 1;\nclass SVGPathGenerator {\n constructor() {\n this._paths = [];\n this._reverse = false;\n this._size = {\n width: 0,\n height: 0\n };\n this._scale = 1;\n this._offset = {\n x: 0,\n y: 0,\n mode: \"percent\"\n };\n this._width = 0;\n }\n generate(particle, delta) {\n const container = particle.container,\n pxRatio = container.retina.pixelRatio;\n if (particle.svgDirection === undefined) {\n particle.svgDirection = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)() > _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.halfRandom ? 0 : 1;\n }\n if (particle.svgPathIndex === undefined) {\n particle.svgPathIndex = Math.floor(Math.random() * this._paths.length);\n }\n if (particle.svgSpeed === undefined) {\n particle.svgSpeed = particle.velocity.mult((particle.retina.moveSpeed ?? defaultSpeed) * half).length;\n }\n if (particle.svgStep === undefined) {\n particle.svgStep = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.randomInRange)({\n min: 0,\n max: this._paths[particle.svgPathIndex].length\n }) * pxRatio;\n }\n if (particle.svgOffset === undefined) {\n particle.svgOffset = {\n width: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.randomInRange)({\n min: -this._width * half,\n max: this._width * half\n }) * pxRatio,\n height: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.randomInRange)({\n min: -this._width * half,\n max: this._width * half\n }) * pxRatio\n };\n }\n if (particle.svgInitialPosition === undefined) {\n particle.svgInitialPosition = {\n ...particle.position\n };\n }\n particle.velocity.x = 0;\n particle.velocity.y = 0;\n if (particle.svgDirection === 0) {\n particle.svgStep += particle.svgSpeed * delta.factor;\n } else {\n particle.svgStep -= particle.svgSpeed * delta.factor;\n }\n let path = this._paths[particle.svgPathIndex];\n if (path) {\n const pathLength = path.length,\n indexOffset = 1;\n if (particle.svgStep >= pathLength) {\n particle.svgPathIndex = particle.svgPathIndex + indexOffset;\n if (particle.svgPathIndex >= this._paths.length) {\n if (this._reverse) {\n particle.svgPathIndex = this._paths.length - indexOffset;\n particle.svgDirection = 1;\n } else {\n particle.svgPathIndex = 0;\n particle.svgStep = 0;\n }\n }\n } else if (particle.svgStep <= minStep) {\n particle.svgPathIndex = particle.svgPathIndex - indexOffset;\n if (particle.svgPathIndex < minIndex) {\n if (this._reverse) {\n particle.svgPathIndex = 0;\n particle.svgDirection = 0;\n } else {\n particle.svgPathIndex = this._paths.length - indexOffset;\n path = this._paths[particle.svgPathIndex];\n particle.svgStep = path.length;\n }\n }\n }\n path = this._paths[particle.svgPathIndex];\n }\n if (path) {\n const pathElement = path.element,\n pos = pathElement.getPointAtLength(particle.svgStep),\n canvasSize = particle.container.canvas.size,\n offset = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getPosition)(this._offset, canvasSize),\n scale = this._scale * pxRatio;\n particle.position.x = (pos.x - this._size.width * half) * scale + particle.svgInitialPosition.x + offset.x + particle.svgOffset.width;\n particle.position.y = (pos.y - this._size.height * half) * scale + particle.svgInitialPosition.y + offset.y + particle.svgOffset.height;\n }\n return
|
|
26
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ SVGPathGenerator: () => (/* binding */ SVGPathGenerator)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__);\n\nconst defaultSpeed = 1,\n half = 0.5,\n minStep = 0,\n minIndex = 0,\n minWidth = 0,\n minScale = 1;\nclass SVGPathGenerator {\n constructor() {\n this._paths = [];\n this._reverse = false;\n this._size = {\n width: 0,\n height: 0\n };\n this._scale = 1;\n this._offset = {\n x: 0,\n y: 0,\n mode: \"percent\"\n };\n this._width = 0;\n }\n generate(particle, delta) {\n const container = particle.container,\n pxRatio = container.retina.pixelRatio;\n if (particle.svgDirection === undefined) {\n particle.svgDirection = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)() > _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.halfRandom ? 0 : 1;\n }\n if (particle.svgPathIndex === undefined) {\n particle.svgPathIndex = Math.floor(Math.random() * this._paths.length);\n }\n if (particle.svgSpeed === undefined) {\n particle.svgSpeed = particle.velocity.mult((particle.retina.moveSpeed ?? defaultSpeed) * half).length;\n }\n if (particle.svgStep === undefined) {\n particle.svgStep = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.randomInRange)({\n min: 0,\n max: this._paths[particle.svgPathIndex].length\n }) * pxRatio;\n }\n if (particle.svgOffset === undefined) {\n particle.svgOffset = {\n width: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.randomInRange)({\n min: -this._width * half,\n max: this._width * half\n }) * pxRatio,\n height: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.randomInRange)({\n min: -this._width * half,\n max: this._width * half\n }) * pxRatio\n };\n }\n if (particle.svgInitialPosition === undefined) {\n particle.svgInitialPosition = {\n ...particle.position\n };\n }\n particle.velocity.x = 0;\n particle.velocity.y = 0;\n if (particle.svgDirection === 0) {\n particle.svgStep += particle.svgSpeed * delta.factor;\n } else {\n particle.svgStep -= particle.svgSpeed * delta.factor;\n }\n let path = this._paths[particle.svgPathIndex];\n if (path) {\n const pathLength = path.length,\n indexOffset = 1;\n if (particle.svgStep >= pathLength) {\n particle.svgPathIndex = particle.svgPathIndex + indexOffset;\n if (particle.svgPathIndex >= this._paths.length) {\n if (this._reverse) {\n particle.svgPathIndex = this._paths.length - indexOffset;\n particle.svgDirection = 1;\n } else {\n particle.svgPathIndex = 0;\n particle.svgStep = 0;\n }\n }\n } else if (particle.svgStep <= minStep) {\n particle.svgPathIndex = particle.svgPathIndex - indexOffset;\n if (particle.svgPathIndex < minIndex) {\n if (this._reverse) {\n particle.svgPathIndex = 0;\n particle.svgDirection = 0;\n } else {\n particle.svgPathIndex = this._paths.length - indexOffset;\n path = this._paths[particle.svgPathIndex];\n particle.svgStep = path.length;\n }\n }\n }\n path = this._paths[particle.svgPathIndex];\n }\n if (path) {\n const pathElement = path.element,\n pos = pathElement.getPointAtLength(particle.svgStep),\n canvasSize = particle.container.canvas.size,\n offset = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getPosition)(this._offset, canvasSize),\n scale = this._scale * pxRatio;\n particle.position.x = (pos.x - this._size.width * half) * scale + particle.svgInitialPosition.x + offset.x + particle.svgOffset.width;\n particle.position.y = (pos.y - this._size.height * half) * scale + particle.svgInitialPosition.y + offset.y + particle.svgOffset.height;\n }\n return _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Vector.origin;\n }\n init(container) {\n const options = container.actualOptions.particles.move.path.options,\n position = options.position ?? this._offset;\n this._reverse = options.reverse ?? this._reverse;\n this._scale = options.scale ?? minScale;\n this._offset.x = position.x;\n this._offset.y = position.y;\n this._offset.mode = position.mode;\n this._width = options.width ?? minWidth;\n if (options.url && !options.path) {\n const url = options.url;\n void (async () => {\n const response = await fetch(url),\n data = await response.text();\n const parser = new DOMParser(),\n doc = parser.parseFromString(data, \"image/svg+xml\"),\n firstIndex = 0,\n svg = doc.getElementsByTagName(\"svg\")[firstIndex];\n let svgPaths = svg.getElementsByTagName(\"path\");\n if (!svgPaths.length) {\n svgPaths = doc.getElementsByTagName(\"path\");\n }\n this._paths = [];\n for (let i = 0; i < svgPaths.length; i++) {\n const path = svgPaths.item(i);\n if (path) {\n this._paths.push({\n element: path,\n length: path.getTotalLength()\n });\n }\n }\n this._size.height = parseFloat(svg.getAttribute(\"height\") ?? \"0\");\n this._size.width = parseFloat(svg.getAttribute(\"width\") ?? \"0\");\n })();\n } else if (options.path) {\n const path = options.path;\n this._paths = [];\n for (const item of path.data) {\n const element = document.createElementNS(\"http://www.w3.org/2000/svg\", \"path\");\n element.setAttribute(\"d\", item);\n this._paths.push({\n element,\n length: element.getTotalLength()\n });\n }\n this._size.height = path.size.height;\n this._size.width = path.size.width;\n }\n }\n reset() {}\n update() {}\n}\n\n//# sourceURL=webpack://@tsparticles/path-svg/./dist/browser/SVGPathGenerator.js?");
|
|
27
27
|
|
|
28
28
|
/***/ })
|
|
29
29
|
|
package/esm/SVGPathGenerator.js
CHANGED
|
@@ -85,9 +85,9 @@ export class SVGPathGenerator {
|
|
|
85
85
|
offset.y +
|
|
86
86
|
particle.svgOffset.height;
|
|
87
87
|
}
|
|
88
|
-
return
|
|
88
|
+
return Vector.origin;
|
|
89
89
|
}
|
|
90
|
-
|
|
90
|
+
init(container) {
|
|
91
91
|
const options = container.actualOptions.particles.move.path.options, position = options.position ?? this._offset;
|
|
92
92
|
this._reverse = options.reverse ?? this._reverse;
|
|
93
93
|
this._scale = options.scale ?? minScale;
|
|
@@ -97,24 +97,26 @@ export class SVGPathGenerator {
|
|
|
97
97
|
this._width = options.width ?? minWidth;
|
|
98
98
|
if (options.url && !options.path) {
|
|
99
99
|
const url = options.url;
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
svgPaths
|
|
105
|
-
|
|
106
|
-
this._paths = [];
|
|
107
|
-
for (let i = 0; i < svgPaths.length; i++) {
|
|
108
|
-
const path = svgPaths.item(i);
|
|
109
|
-
if (path) {
|
|
110
|
-
this._paths.push({
|
|
111
|
-
element: path,
|
|
112
|
-
length: path.getTotalLength(),
|
|
113
|
-
});
|
|
100
|
+
void (async () => {
|
|
101
|
+
const response = await fetch(url), data = await response.text();
|
|
102
|
+
const parser = new DOMParser(), doc = parser.parseFromString(data, "image/svg+xml"), firstIndex = 0, svg = doc.getElementsByTagName("svg")[firstIndex];
|
|
103
|
+
let svgPaths = svg.getElementsByTagName("path");
|
|
104
|
+
if (!svgPaths.length) {
|
|
105
|
+
svgPaths = doc.getElementsByTagName("path");
|
|
114
106
|
}
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
107
|
+
this._paths = [];
|
|
108
|
+
for (let i = 0; i < svgPaths.length; i++) {
|
|
109
|
+
const path = svgPaths.item(i);
|
|
110
|
+
if (path) {
|
|
111
|
+
this._paths.push({
|
|
112
|
+
element: path,
|
|
113
|
+
length: path.getTotalLength(),
|
|
114
|
+
});
|
|
115
|
+
}
|
|
116
|
+
}
|
|
117
|
+
this._size.height = parseFloat(svg.getAttribute("height") ?? "0");
|
|
118
|
+
this._size.width = parseFloat(svg.getAttribute("width") ?? "0");
|
|
119
|
+
})();
|
|
118
120
|
}
|
|
119
121
|
else if (options.path) {
|
|
120
122
|
const path = options.path;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tsparticles/path-svg",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.3.0",
|
|
4
4
|
"description": "tsParticles svg path",
|
|
5
5
|
"homepage": "https://particles.js.org",
|
|
6
6
|
"repository": {
|
|
@@ -101,7 +101,7 @@
|
|
|
101
101
|
"./package.json": "./package.json"
|
|
102
102
|
},
|
|
103
103
|
"dependencies": {
|
|
104
|
-
"@tsparticles/engine": "^3.
|
|
104
|
+
"@tsparticles/engine": "^3.3.0"
|
|
105
105
|
},
|
|
106
106
|
"publishConfig": {
|
|
107
107
|
"access": "public"
|
package/report.html
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
<head>
|
|
4
4
|
<meta charset="UTF-8"/>
|
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1"/>
|
|
6
|
-
<title>@tsparticles/path-svg [
|
|
6
|
+
<title>@tsparticles/path-svg [27 Feb 2024 at 12:16]</title>
|
|
7
7
|
<link rel="shortcut icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABrVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+O1foceMD///+J0/qK1Pr7/v8Xdr/9///W8P4UdL7L7P0Scr2r4Pyj3vwad8D5/f/2/f+55f3E6f34+/2H0/ojfMKpzOd0rNgQcb3F3O/j9f7c8v6g3Pz0/P/w+v/q+P7n9v6T1/uQ1vuE0vqLut/y+v+Z2fvt+f+15Pzv9fuc2/vR7v2V2Pvd6/bg9P7I6/285/2y4/yp3/zp8vk8i8kqgMT7/P31+fyv4vxGkcz6/P6/6P3j7vfS5PNnpNUxhcbO7f7F6v3O4vHK3/DA2u631Ouy0eqXweKJud5wqthfoNMMbLvY8f73+v2dxeR8sNtTmdDx9/zX6PSjyeaCtd1YnNGX2PuQveCGt95Nls42h8dLlM3F4vBtAAAAM3RSTlMAAyOx0/sKBvik8opWGBMOAe3l1snDm2E9LSb06eHcu5JpHbarfHZCN9CBb08zzkdNS0kYaptYAAAFV0lEQVRYw92X51/aYBDHHS2O2qqttVbrqNq9m+TJIAYIShBkWwqIiCgoWvfeq7Z2/s29hyQNyUcR7LveGwVyXy6XH8/9rqxglLfUPLxVduUor3h0rfp2TYvpivk37929TkG037hffoX0+peVtZQc1589rigVUdXS/ABSAyEmGIO/1XfvldSK8vs3OqB6u3m0nxmIrvgB0dj7rr7Y9IbuF68hnfFaiHA/sxqm0wciIG43P60qKv9WXWc1RXGh/mFESFABTSBi0sNAKzqet17eCtOb3kZIDwxEEU0oAIJGYxNBDhBND29e0rtXXbcpuPmED9IhEAAQ/AXEaF8EPmnrrKsv0LvWR3fg5sWDNAFZOgAgaKvZDogHNU9MFwnnYROkc56RD5CjAbQX9Ow4g7upCsvYu55aSI/Nj0H1akgKQEUM94dwK65hYRmFU9MIcH/fqJYOZYcnuJSU/waKDgTOEVaVKhwrTRP5XzgSpAITYzom7UvkhFX5VutmxeNnWDjjswTKTyfgluNDGbUpWissXhF3s7mlSml+czWkg3D0l1nNjGNjz3myOQOa1KM/jOS6ebdbAVTCi4gljHSFrviza7tOgRWcS0MOUX9zdNgag5w7rRqA44Lzw0hr1WqES36dFliSJFlh2rXIae3FFcDDgKdxrUIDePr8jGcSClV1u7A9xeN0ModY/pHMxmR1EzRh8TJiwqsHmKW0l4FCEZI+jHio+JdPPE9qwQtTRxku2D8sIeRL2LnxWSllANCQGOIiqVHAz2ye2JR0DcH+HoxDkaADLjgxjKQ+AwCX/g0+DNgdG0ukYCONAe+dbc2IAc6fwt1ARoDSezNHxV2Cmzwv3O6lDMV55edBGwGK9n1+x2F8EDfAGCxug8MhpsMEcTEAWf3rx2vZhe/LAmtIn/6apE6PN0ULKgywD9mmdxbmFl3OvD5AS5fW5zLbv/YHmcsBTjf/afDz3MaZTVCfAP9z6/Bw6ycv8EUBWJIn9zYcoAWWlW9+OzO3vkTy8H+RANLmdrpOuYWdZYEXpo+TlCJrW5EARb7fF+bWdqf3hhyZI1nWJQHgznErZhbjoEsWqi8dQNoE294aldzFurwSABL2XXMf9+H1VQGke9exw5P/AnA5Pv5ngMul7LOvO922iwACu8WkCwLCafvM4CeWPxfA8lNHcWZSoi8EwMAIciKX2Z4SWCMAa3snCZ/G4EA8D6CMLNFsGQhkkz/gQNEBbPCbWsxGUpYVu3z8IyNAknwJkfPMEhLyrdi5RTyUVACkw4GSFRNWJNEW+fgPGwHD8/JxnRuLabN4CGNRkAE23na2+VmEAUmrYymSGjMAYqH84YUIyzgzs3XC7gNgH36Vcc4zKY9o9fgPBXUAiHHwVboBHGLiX6Zcjp1f2wu4tvzZKo0ecPnDtQYDQvJXaBeNzce45Fp28ZQLrEZVuFqgBwOalArKXnW1UzlnSusQKJqKYNuz4tOnI6sZG4zanpemv+7ySU2jbA9h6uhcgpfy6G2PahirDZ6zvq6zDduMVFTKvzw8wgyEdelwY9in3XkEPs3osJuwRQ4qTkfzifndg9Gfc4pdsu82+tTnHZTBa2EAMrqr2t43pguc8tNm7JQVQ2S0ukj2d22dhXYP0/veWtwKrCkNoNimAN5+Xr/oLrxswKbVJjteWrX7eR63o4j9q0GxnaBdWgGA5VStpanIjQmEhV0/nVt5VOFUvix6awJhPcAaTEShgrG+iGyvb5a0Ndb1YGHFPEwoqAinoaykaID1o1pdPNu7XsnCKQ3R+hwWIIhGvORcJUBYXe3Xa3vq/mF/N9V13ugufMkfXn+KHsRD0B8AAAAASUVORK5CYII=" type="image/x-icon" />
|
|
8
8
|
|
|
9
9
|
<script>
|
package/tsparticles.path.svg.js
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* Demo / Generator : https://particles.js.org/
|
|
5
5
|
* GitHub : https://www.github.com/matteobruni/tsparticles
|
|
6
6
|
* How to use? : Check the GitHub README
|
|
7
|
-
* v3.
|
|
7
|
+
* v3.3.0
|
|
8
8
|
*/
|
|
9
9
|
/*
|
|
10
10
|
* ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
|
|
@@ -210,7 +210,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_engine__;
|
|
|
210
210
|
/******/ var scripts = document.getElementsByTagName("script");
|
|
211
211
|
/******/ if(scripts.length) {
|
|
212
212
|
/******/ var i = scripts.length - 1;
|
|
213
|
-
/******/ while (i > -1 && !scriptUrl) scriptUrl = scripts[i--].src;
|
|
213
|
+
/******/ while (i > -1 && (!scriptUrl || !/^http(s?):/.test(scriptUrl))) scriptUrl = scripts[i--].src;
|
|
214
214
|
/******/ }
|
|
215
215
|
/******/ }
|
|
216
216
|
/******/ }
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! For license information please see tsparticles.path.svg.min.js.LICENSE.txt */
|
|
2
|
-
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],t);else{var r="object"==typeof exports?t(require("@tsparticles/engine")):t(e.window);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(this,(e=>(()=>{var t,r,o={
|
|
2
|
+
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],t);else{var r="object"==typeof exports?t(require("@tsparticles/engine")):t(e.window);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(this,(e=>(()=>{var t,r,o={303:t=>{t.exports=e}},n={};function a(e){var t=n[e];if(void 0!==t)return t.exports;var r=n[e]={exports:{}};return o[e](r,r.exports,a),r.exports}a.m=o,a.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return a.d(t,{a:t}),t},a.d=(e,t)=>{for(var r in t)a.o(t,r)&&!a.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},a.f={},a.e=e=>Promise.all(Object.keys(a.f).reduce(((t,r)=>(a.f[r](e,t),t)),[])),a.u=e=>e+".min.js",a.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),t={},r="@tsparticles/path-svg:",a.l=(e,o,n,i)=>{if(t[e])t[e].push(o);else{var s,c;if(void 0!==n)for(var l=document.getElementsByTagName("script"),p=0;p<l.length;p++){var u=l[p];if(u.getAttribute("src")==e||u.getAttribute("data-webpack")==r+n){s=u;break}}s||(c=!0,(s=document.createElement("script")).charset="utf-8",s.timeout=120,a.nc&&s.setAttribute("nonce",a.nc),s.setAttribute("data-webpack",r+n),s.src=e),t[e]=[o];var d=(r,o)=>{s.onerror=s.onload=null,clearTimeout(f);var n=t[e];if(delete t[e],s.parentNode&&s.parentNode.removeChild(s),n&&n.forEach((e=>e(o))),r)return r(o)},f=setTimeout(d.bind(null,void 0,{type:"timeout",target:s}),12e4);s.onerror=d.bind(null,s.onerror),s.onload=d.bind(null,s.onload),c&&document.head.appendChild(s)}},a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e;a.g.importScripts&&(e=a.g.location+"");var t=a.g.document;if(!e&&t&&(t.currentScript&&(e=t.currentScript.src),!e)){var r=t.getElementsByTagName("script");if(r.length)for(var o=r.length-1;o>-1&&(!e||!/^http(s?):/.test(e));)e=r[o--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),a.p=e})(),(()=>{var e={258:0};a.f.j=(t,r)=>{var o=a.o(e,t)?e[t]:void 0;if(0!==o)if(o)r.push(o[2]);else{var n=new Promise(((r,n)=>o=e[t]=[r,n]));r.push(o[2]=n);var i=a.p+a.u(t),s=new Error;a.l(i,(r=>{if(a.o(e,t)&&(0!==(o=e[t])&&(e[t]=void 0),o)){var n=r&&("load"===r.type?"missing":r.type),i=r&&r.target&&r.target.src;s.message="Loading chunk "+t+" failed.\n("+n+": "+i+")",s.name="ChunkLoadError",s.type=n,s.request=i,o[1](s)}}),"chunk-"+t,t)}};var t=(t,r)=>{var o,n,i=r[0],s=r[1],c=r[2],l=0;if(i.some((t=>0!==e[t]))){for(o in s)a.o(s,o)&&(a.m[o]=s[o]);if(c)c(a)}for(t&&t(r);l<i.length;l++)n=i[l],a.o(e,n)&&e[n]&&e[n][0](),e[n]=0},r=this.webpackChunk_tsparticles_path_svg=this.webpackChunk_tsparticles_path_svg||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})();var i={};return(()=>{a.r(i),a.d(i,{loadSVGPath:()=>t,svgPathName:()=>e});const e="svgPathGenerator";async function t(t,r=!0){const{SVGPathGenerator:o}=await a.e(259).then(a.bind(a,259));await t.addPathGenerator(e,new o,r)}})(),i})()));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! tsParticles SVG Path v3.
|
|
1
|
+
/*! tsParticles SVG Path v3.3.0 by Matteo Bruni */
|
|
@@ -19,8 +19,8 @@ export declare class SVGPathGenerator implements IMovePathGenerator {
|
|
|
19
19
|
private readonly _size;
|
|
20
20
|
private _width;
|
|
21
21
|
constructor();
|
|
22
|
-
generate(particle: SVGPathParticle, delta: IDelta):
|
|
23
|
-
init(container: Container):
|
|
22
|
+
generate(particle: SVGPathParticle, delta: IDelta): Vector;
|
|
23
|
+
init(container: Container): void;
|
|
24
24
|
reset(): void;
|
|
25
25
|
update(): void;
|
|
26
26
|
}
|
package/umd/SVGPathGenerator.js
CHANGED
|
@@ -97,9 +97,9 @@
|
|
|
97
97
|
offset.y +
|
|
98
98
|
particle.svgOffset.height;
|
|
99
99
|
}
|
|
100
|
-
return
|
|
100
|
+
return engine_1.Vector.origin;
|
|
101
101
|
}
|
|
102
|
-
|
|
102
|
+
init(container) {
|
|
103
103
|
const options = container.actualOptions.particles.move.path.options, position = options.position ?? this._offset;
|
|
104
104
|
this._reverse = options.reverse ?? this._reverse;
|
|
105
105
|
this._scale = options.scale ?? minScale;
|
|
@@ -109,24 +109,26 @@
|
|
|
109
109
|
this._width = options.width ?? minWidth;
|
|
110
110
|
if (options.url && !options.path) {
|
|
111
111
|
const url = options.url;
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
svgPaths
|
|
117
|
-
|
|
118
|
-
this._paths = [];
|
|
119
|
-
for (let i = 0; i < svgPaths.length; i++) {
|
|
120
|
-
const path = svgPaths.item(i);
|
|
121
|
-
if (path) {
|
|
122
|
-
this._paths.push({
|
|
123
|
-
element: path,
|
|
124
|
-
length: path.getTotalLength(),
|
|
125
|
-
});
|
|
112
|
+
void (async () => {
|
|
113
|
+
const response = await fetch(url), data = await response.text();
|
|
114
|
+
const parser = new DOMParser(), doc = parser.parseFromString(data, "image/svg+xml"), firstIndex = 0, svg = doc.getElementsByTagName("svg")[firstIndex];
|
|
115
|
+
let svgPaths = svg.getElementsByTagName("path");
|
|
116
|
+
if (!svgPaths.length) {
|
|
117
|
+
svgPaths = doc.getElementsByTagName("path");
|
|
126
118
|
}
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
119
|
+
this._paths = [];
|
|
120
|
+
for (let i = 0; i < svgPaths.length; i++) {
|
|
121
|
+
const path = svgPaths.item(i);
|
|
122
|
+
if (path) {
|
|
123
|
+
this._paths.push({
|
|
124
|
+
element: path,
|
|
125
|
+
length: path.getTotalLength(),
|
|
126
|
+
});
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
this._size.height = parseFloat(svg.getAttribute("height") ?? "0");
|
|
130
|
+
this._size.width = parseFloat(svg.getAttribute("width") ?? "0");
|
|
131
|
+
})();
|
|
130
132
|
}
|
|
131
133
|
else if (options.path) {
|
|
132
134
|
const path = options.path;
|
package/794.min.js.LICENSE.txt
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
/*! tsParticles SVG Path v3.2.1 by Matteo Bruni */
|