@tsparticles/plugin-emitters-shape-canvas 4.0.0-alpha.8 → 4.0.0-beta.0

package/esm/utils.js

@@ -1,96 +0,0 @@
-import { isNumber, safeDocument } from "@tsparticles/engine";
-const origin = {
-    x: 0,
-    y: 0,
-}, minWidth = 0, defaultRgbValue = 0, defaultAlphaValue = 1;
-export function getCanvasImageData(ctx, size, offset, clear = true) {
-    const imageData = ctx.getImageData(origin.x, origin.y, size.width, size.height).data;
-    if (clear) {
-        ctx.clearRect(origin.x, origin.y, size.width, size.height);
-    }
-    const pixels = [];
-    for (let i = 0; i < imageData.length; i += offset) {
-        const idx = i / offset, pos = {
-            x: idx % size.width,
-            y: Math.floor(idx / size.width),
-        };
-        pixels[pos.y] ??= [];
-        const indexesOffset = {
-            r: 0,
-            g: 1,
-            b: 2,
-            a: 3,
-        }, alphaFactor = 255, row = pixels[pos.y];
-        if (!row) {
-            continue;
-        }
-        row[pos.x] = {
-            r: imageData[i + indexesOffset.r] ?? defaultRgbValue,
-            g: imageData[i + indexesOffset.g] ?? defaultRgbValue,
-            b: imageData[i + indexesOffset.b] ?? defaultRgbValue,
-            a: (imageData[i + indexesOffset.a] ?? defaultAlphaValue) / alphaFactor,
-        };
-    }
-    return {
-        pixels,
-        width: Math.min(...pixels.map(row => row.length)),
-        height: pixels.length,
-    };
-}
-export function getImageData(src, offset) {
-    const image = new Image();
-    image.crossOrigin = "Anonymous";
-    const p = new Promise((resolve, reject) => {
-        image.onerror = reject;
-        image.onload = () => {
-            const canvas = safeDocument().createElement("canvas");
-            canvas.width = image.width;
-            canvas.height = image.height;
-            const context = canvas.getContext("2d");
-            if (!context) {
-                reject(new Error("Could not get canvas context"));
-                return;
-            }
-            context.drawImage(image, origin.x, origin.y, image.width, image.height, origin.x, origin.y, canvas.width, canvas.height);
-            resolve(getCanvasImageData(context, canvas, offset));
-        };
-    });
-    image.src = src;
-    return p;
-}
-export function getTextData(textOptions, offset, fill) {
-    const canvas = safeDocument().createElement("canvas"), context = canvas.getContext("2d"), { font, text, lines: linesOptions, color } = textOptions;
-    if (!text || !context) {
-        return;
-    }
-    const lines = text.split(linesOptions.separator), fontSize = isNumber(font.size) ? `${font.size.toString()}px` : font.size, linesData = [];
-    let maxWidth = 0, totalHeight = 0;
-    for (const line of lines) {
-        context.font = `${font.style || ""} ${font.variant || ""} ${font.weight || ""} ${fontSize} ${font.family}`;
-        const measure = context.measureText(line), lineData = {
-            measure,
-            text: line,
-            height: measure.actualBoundingBoxAscent + measure.actualBoundingBoxDescent,
-            width: measure.width,
-        };
-        maxWidth = Math.max(maxWidth || minWidth, lineData.width);
-        totalHeight += lineData.height + linesOptions.spacing;
-        linesData.push(lineData);
-    }
-    canvas.width = maxWidth;
-    canvas.height = totalHeight;
-    let currentHeight = 0;
-    for (const line of linesData) {
-        context.font = `${font.style || ""} ${font.variant || ""} ${font.weight || ""} ${fontSize} ${font.family}`;
-        if (fill) {
-            context.fillStyle = color;
-            context.fillText(line.text, origin.x, currentHeight + line.measure.actualBoundingBoxAscent);
-        }
-        else {
-            context.strokeStyle = color;
-            context.strokeText(line.text, origin.x, currentHeight + line.measure.actualBoundingBoxAscent);
-        }
-        currentHeight += line.height + linesOptions.spacing;
-    }
-    return getCanvasImageData(context, canvas, offset);
-}

package/tsparticles.plugin.emitters.shape.canvas.min.js.LICENSE.txt

@@ -1 +0,0 @@
-/*! tsParticles Emitters Shape Canvas Plugin v4.0.0-alpha.8 by Matteo Bruni */

package/types/utils.d.ts

@@ -1,6 +0,0 @@
-import type { CanvasPixelData } from "./types.js";
-import { type IDimension } from "@tsparticles/engine";
-import type { TextOptions } from "./Options/Classes/TextOptions.js";
-export declare function getCanvasImageData(ctx: CanvasRenderingContext2D, size: IDimension, offset: number, clear?: boolean): CanvasPixelData;
-export declare function getImageData(src: string, offset: number): Promise<CanvasPixelData>;
-export declare function getTextData(textOptions: TextOptions, offset: number, fill: boolean): CanvasPixelData | undefined;

package/umd/utils.js

@@ -1,111 +0,0 @@
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
-    }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@tsparticles/engine"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.getCanvasImageData = getCanvasImageData;
-    exports.getImageData = getImageData;
-    exports.getTextData = getTextData;
-    const engine_1 = require("@tsparticles/engine");
-    const origin = {
-        x: 0,
-        y: 0,
-    }, minWidth = 0, defaultRgbValue = 0, defaultAlphaValue = 1;
-    function getCanvasImageData(ctx, size, offset, clear = true) {
-        const imageData = ctx.getImageData(origin.x, origin.y, size.width, size.height).data;
-        if (clear) {
-            ctx.clearRect(origin.x, origin.y, size.width, size.height);
-        }
-        const pixels = [];
-        for (let i = 0; i < imageData.length; i += offset) {
-            const idx = i / offset, pos = {
-                x: idx % size.width,
-                y: Math.floor(idx / size.width),
-            };
-            pixels[pos.y] ??= [];
-            const indexesOffset = {
-                r: 0,
-                g: 1,
-                b: 2,
-                a: 3,
-            }, alphaFactor = 255, row = pixels[pos.y];
-            if (!row) {
-                continue;
-            }
-            row[pos.x] = {
-                r: imageData[i + indexesOffset.r] ?? defaultRgbValue,
-                g: imageData[i + indexesOffset.g] ?? defaultRgbValue,
-                b: imageData[i + indexesOffset.b] ?? defaultRgbValue,
-                a: (imageData[i + indexesOffset.a] ?? defaultAlphaValue) / alphaFactor,
-            };
-        }
-        return {
-            pixels,
-            width: Math.min(...pixels.map(row => row.length)),
-            height: pixels.length,
-        };
-    }
-    function getImageData(src, offset) {
-        const image = new Image();
-        image.crossOrigin = "Anonymous";
-        const p = new Promise((resolve, reject) => {
-            image.onerror = reject;
-            image.onload = () => {
-                const canvas = (0, engine_1.safeDocument)().createElement("canvas");
-                canvas.width = image.width;
-                canvas.height = image.height;
-                const context = canvas.getContext("2d");
-                if (!context) {
-                    reject(new Error("Could not get canvas context"));
-                    return;
-                }
-                context.drawImage(image, origin.x, origin.y, image.width, image.height, origin.x, origin.y, canvas.width, canvas.height);
-                resolve(getCanvasImageData(context, canvas, offset));
-            };
-        });
-        image.src = src;
-        return p;
-    }
-    function getTextData(textOptions, offset, fill) {
-        const canvas = (0, engine_1.safeDocument)().createElement("canvas"), context = canvas.getContext("2d"), { font, text, lines: linesOptions, color } = textOptions;
-        if (!text || !context) {
-            return;
-        }
-        const lines = text.split(linesOptions.separator), fontSize = (0, engine_1.isNumber)(font.size) ? `${font.size.toString()}px` : font.size, linesData = [];
-        let maxWidth = 0, totalHeight = 0;
-        for (const line of lines) {
-            context.font = `${font.style || ""} ${font.variant || ""} ${font.weight || ""} ${fontSize} ${font.family}`;
-            const measure = context.measureText(line), lineData = {
-                measure,
-                text: line,
-                height: measure.actualBoundingBoxAscent + measure.actualBoundingBoxDescent,
-                width: measure.width,
-            };
-            maxWidth = Math.max(maxWidth || minWidth, lineData.width);
-            totalHeight += lineData.height + linesOptions.spacing;
-            linesData.push(lineData);
-        }
-        canvas.width = maxWidth;
-        canvas.height = totalHeight;
-        let currentHeight = 0;
-        for (const line of linesData) {
-            context.font = `${font.style || ""} ${font.variant || ""} ${font.weight || ""} ${fontSize} ${font.family}`;
-            if (fill) {
-                context.fillStyle = color;
-                context.fillText(line.text, origin.x, currentHeight + line.measure.actualBoundingBoxAscent);
-            }
-            else {
-                context.strokeStyle = color;
-                context.strokeText(line.text, origin.x, currentHeight + line.measure.actualBoundingBoxAscent);
-            }
-            currentHeight += line.height + linesOptions.spacing;
-        }
-        return getCanvasImageData(context, canvas, offset);
-    }
-});