apexify.js 4.8.3 → 4.8.4

package/dist/esm/canvas/utils/Texts/textProperties.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textProperties.d.ts","sourceRoot":"","sources":["../../../../../lib/canvas/utils/Texts/textProperties.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,QAqDnE;AAED;;GAEG;AACH,wBAAgB,WAAW,CACvB,GAAG,EAAE,aAAa,EAClB,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,UAAU,QAyCpB;AAiFH;;GAEG;AACH,wBAAgB,cAAc,CAC5B,GAAG,EAAE,aAAa,EAClB,eAAe,EAAE,GAAG,EACpB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,MAAM,kBA2Bb"}

package/dist/esm/canvas/utils/Texts/textProperties.js

@@ -0,0 +1,160 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.drawText = drawText;
+exports.WrappedText = WrappedText;
+exports.createGradient = createGradient;
+/**
+ * The main function that draws text with optional wrapping.
+ * @param ctx         CanvasRenderingContext2D
+ * @param textOptions TextObject
+ */
+function drawText(ctx, textOptions) {
+    ctx.save();
+    // 1) Apply rotation if any
+    if (textOptions.rotation && textOptions.rotation !== 0) {
+        ctx.translate(textOptions.x || 0, textOptions.y || 0);
+        ctx.rotate((textOptions.rotation * Math.PI) / 180);
+    }
+    // 2) Setup font (for measuring and for final draw)
+    const fontSize = textOptions.fontSize || 16;
+    const isBold = textOptions.isBold ? 'bold ' : '';
+    const fontFamily = textOptions.fontName || (textOptions.fontPath ? 'customFont' : 'Arial');
+    ctx.font = `${isBold}${fontSize}px "${fontFamily}"`;
+    // 3) Alignment, baseline
+    ctx.textAlign = textOptions.textAlign || 'left';
+    ctx.textBaseline = textOptions.textBaseline || 'alphabetic';
+    // 4) Shadow
+    if (textOptions.shadow) {
+        const { color, offsetX, offsetY, blur, opacity } = textOptions.shadow;
+        ctx.shadowColor = color || 'transparent';
+        ctx.shadowOffsetX = offsetX || 0;
+        ctx.shadowOffsetY = offsetY || 0;
+        ctx.shadowBlur = blur || 0;
+        ctx.globalAlpha = opacity !== undefined ? opacity : 1;
+    }
+    // 5) Opacity
+    if (textOptions.opacity !== undefined) {
+        if (textOptions.opacity < 0 || textOptions.opacity > 1) {
+            throw new Error('Text opacity must be between 0 and 1.');
+        }
+        ctx.globalAlpha = textOptions.opacity;
+    }
+    // 6) If maxWidth is provided, we do word wrapping
+    if (textOptions.maxWidth) {
+        WrappedText(ctx, textOptions.text, textOptions.x || 0, textOptions.y || 0, textOptions.maxWidth, textOptions);
+    }
+    else {
+        // No wrapping needed → just draw stroke + fill
+        drawStrokeAndFill(ctx, textOptions.text, textOptions.x || 0, textOptions.y || 0, textOptions);
+    }
+    ctx.restore();
+}
+/**
+ * Handles word-based wrapping. Then draws each line with stroke, fill, gradient, etc.
+ */
+function WrappedText(ctx, text, startX, startY, maxWidth, options) {
+    const fontSize = options.fontSize || 16;
+    const lineHeight = options.lineHeight || fontSize * 1.4;
+    const maxHeight = options.maxHeight;
+    const maxLines = maxHeight ? Math.floor(maxHeight / lineHeight) : Infinity;
+    let currentLine = "";
+    const words = text.split(" ");
+    const lines = [];
+    for (let i = 0; i < words.length; i++) {
+        const testLine = currentLine ? currentLine + " " + words[i] : words[i];
+        const testWidth = ctx.measureText(testLine).width;
+        if (testWidth > maxWidth && currentLine) {
+            lines.push(currentLine);
+            currentLine = words[i];
+            if (lines.length >= maxLines) {
+                currentLine = "...";
+                break;
+            }
+        }
+        else {
+            currentLine = testLine;
+        }
+    }
+    if (currentLine && lines.length < maxLines) {
+        lines.push(currentLine);
+    }
+    // 🔥 Ensure correct text alignment for Arabic & English
+    ctx.textAlign = options.textAlign || "left";
+    // 🎯 Draw each line with stroke & fill together
+    let offsetY = 0;
+    for (const line of lines) {
+        drawStrokeAndFill(ctx, line, startX, startY + offsetY, options);
+        offsetY += lineHeight;
+    }
+}
+/**
+ * Draws a single line with correct alignment. Then uses `drawStrokeAndFill` to apply stroke, fill, etc.
+ */
+function drawLine(ctx, lineText, startX, startY, maxWidth, options) {
+    let xOffset = startX;
+    // If user wants 'center' or 'right', we offset by measured width
+    const measuredWidth = ctx.measureText(lineText).width;
+    if (options.textAlign === 'center') {
+        xOffset = startX + (maxWidth / 2) - (measuredWidth / 2);
+    }
+    else if (options.textAlign === 'right') {
+        xOffset = startX + maxWidth - measuredWidth;
+    }
+    // Finally, draw stroke+fill for this line
+    drawStrokeAndFill(ctx, lineText, xOffset, startY, options);
+}
+/**
+ * Actually draws stroke (if any) and fill for the given text & position.
+ */
+function drawStrokeAndFill(ctx, text, x, y, options) {
+    const fontSize = options.fontSize || 16;
+    const textWidth = ctx.measureText(text).width;
+    const textHeight = fontSize;
+    // Apply gradient fill if needed
+    if (options.gradient) {
+        const gradientFill = createGradient(ctx, options.gradient, x, y - textHeight, x + textWidth, y);
+        ctx.fillStyle = gradientFill;
+    }
+    else {
+        ctx.fillStyle = options.color || 'darkgray';
+    }
+    // Draw stroke first (if exists)
+    if (options.stroke) {
+        ctx.save();
+        ctx.lineWidth = options.stroke.width || 1;
+        if (options.stroke.gradient) {
+            const gradientStroke = createGradient(ctx, options.stroke.gradient, x, y - textHeight, x + textWidth, y);
+            ctx.strokeStyle = gradientStroke;
+        }
+        else {
+            ctx.strokeStyle = options.stroke.color || options.color || 'darkgray';
+        }
+        ctx.strokeText(text, x, y);
+        ctx.restore();
+    }
+    // Then fill
+    ctx.fillText(text, x, y);
+}
+/**
+ * Creates a linear or radial gradient for fill/stroke.
+ */
+function createGradient(ctx, gradientOptions, startX, startY, endX, endY) {
+    if (!gradientOptions || !gradientOptions.type || !gradientOptions.colors) {
+        throw new Error("Invalid gradient options. Provide a valid object with type and colors properties.");
+    }
+    let gradient;
+    if (gradientOptions.type === "linear") {
+        gradient = ctx.createLinearGradient(startX, startY, endX, endY);
+    }
+    else if (gradientOptions.type === "radial") {
+        gradient = ctx.createRadialGradient(gradientOptions.startX || startX, gradientOptions.startY || startY, gradientOptions.startRadius || 0, gradientOptions.endX || endX, gradientOptions.endY || endY, gradientOptions.endRadius || 0);
+    }
+    else {
+        throw new Error('Unsupported gradient type. Use "linear" or "radial".');
+    }
+    for (const colorStop of gradientOptions.colors) {
+        gradient.addColorStop(colorStop.stop, colorStop.color);
+    }
+    return gradient;
+}
+//# sourceMappingURL=textProperties.js.map

package/dist/esm/canvas/utils/Texts/textProperties.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textProperties.js","sourceRoot":"","sources":["../../../../../lib/canvas/utils/Texts/textProperties.ts"],"names":[],"mappings":"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"}