@versatiles/svg-renderer 0.5.1 → 0.5.2

package/dist/index.cjs

@@ -9187,13 +9187,11 @@ class SVGRenderer {
     width;
     height;
     #svg;
-    #scale;
     #backgroundColor;
     constructor(opt) {
         this.width = opt.width;
         this.height = opt.height;
         this.#svg = [];
-        this.#scale = opt.scale;
         this.#backgroundColor = Color.transparent;
     }
     drawBackgroundFill(style) {
@@ -9213,7 +9211,7 @@ class SVGRenderer {
                 return;
             const translate = style.translate[0] === 0 && style.translate[1] === 0
                 ? ''
-                : ` transform="translate(${formatPoint(style.translate, this.#scale)})"`;
+                : ` transform="translate(${formatPoint(style.translate)})"`;
             const opacityAttr = style.opacity < 1 ? ` opacity="${style.opacity.toFixed(3)}"` : '';
             const key = color.hex + translate + opacityAttr;
             let group = groups.get(key);
@@ -9222,7 +9220,7 @@ class SVGRenderer {
                 groups.set(key, group);
             }
             feature.geometry.forEach((ring) => {
-                group.segments.push(ring.map((p) => roundXY(p.x, p.y, this.#scale)));
+                group.segments.push(ring.map((p) => roundXY(p.x, p.y)));
             });
         });
         for (const { segments, attrs } of groups.values()) {
@@ -9242,10 +9240,10 @@ class SVGRenderer {
                 return;
             const translate = style.translate[0] === 0 && style.translate[1] === 0
                 ? ''
-                : ` transform="translate(${formatPoint(style.translate, this.#scale)})"`;
-            const roundedWidth = formatScaled(style.width, this.#scale);
+                : ` transform="translate(${formatPoint(style.translate)})"`;
+            const roundedWidth = formatScaled(style.width);
             const dasharrayStr = style.dasharray
-                ? style.dasharray.map((v) => formatScaled(v * style.width, this.#scale)).join(',')
+                ? style.dasharray.map((v) => formatScaled(v * style.width)).join(',')
                 : '';
             const opacityAttr = style.opacity < 1 ? ` opacity="${style.opacity.toFixed(3)}"` : '';
             const key = [
@@ -9276,7 +9274,7 @@ class SVGRenderer {
                 groups.set(key, group);
             }
             feature.geometry.forEach((line) => {
-                group.segments.push(line.map((p) => roundXY(p.x, p.y, this.#scale)));
+                group.segments.push(line.map((p) => roundXY(p.x, p.y)));
             });
         });
         for (const { segments, attrs } of groups.values()) {
@@ -9297,12 +9295,10 @@ class SVGRenderer {
                 return;
             const translate = style.translate[0] === 0 && style.translate[1] === 0
                 ? ''
-                : ` transform="translate(${formatPoint(style.translate, this.#scale)})"`;
-            const roundedRadius = formatScaled(style.radius, this.#scale);
+                : ` transform="translate(${formatPoint(style.translate)})"`;
+            const roundedRadius = formatScaled(style.radius);
             const strokeColor = new Color(style.strokeColor);
-            const strokeAttrs = style.strokeWidth > 0
-                ? ` ${strokeAttr(strokeColor, formatScaled(style.strokeWidth, this.#scale))}`
-                : '';
+            const strokeAttrs = style.strokeWidth > 0 ? ` ${strokeAttr(strokeColor, formatScaled(style.strokeWidth))}` : '';
             const opacityAttr = style.opacity < 1 ? ` opacity="${style.opacity.toFixed(3)}"` : '';
             const key = [color.hex, roundedRadius, strokeAttrs, opacityAttr, translate].join('\0');
             let group = groups.get(key);
@@ -9316,7 +9312,7 @@ class SVGRenderer {
             feature.geometry.forEach((ring) => {
                 const p = ring[0];
                 if (p)
-                    group.points.push(roundXY(p.x, p.y, this.#scale));
+                    group.points.push(roundXY(p.x, p.y));
             });
         });
         for (const { points, attrs } of groups.values()) {
@@ -9348,8 +9344,7 @@ class SVGRenderer {
         const pixelated = style.resampling === 'nearest';
         for (const tile of tiles) {
             const overlap = Math.min(tile.width, tile.height) / 10000; // slight overlap to prevent sub-pixel gaps between tiles
-            const s = this.#scale;
-            let attrs = `x="${formatScaled(tile.x - overlap, s)}" y="${formatScaled(tile.y - overlap, s)}" width="${formatScaled(tile.width + overlap * 2, s)}" height="${formatScaled(tile.height + overlap * 2, s)}" href="${tile.dataUri}"`;
+            let attrs = `x="${formatScaled(tile.x - overlap)}" y="${formatScaled(tile.y - overlap)}" width="${formatScaled(tile.width + overlap * 2)}" height="${formatScaled(tile.height + overlap * 2)}" href="${tile.dataUri}"`;
             if (pixelated)
                 attrs += ' style="image-rendering:pixelated"';
             this.#svg.push(`<image ${attrs} />`);
@@ -9383,14 +9378,14 @@ function strokeAttr(color, width) {
         attr += ` stroke-opacity="${color.opacity.toFixed(3)}"`;
     return attr;
 }
-function formatScaled(v, scale) {
-    return formatNum(Math.round(v * scale * 10));
+function formatScaled(v) {
+    return formatNum(Math.round(v * 10));
 }
-function roundXY(x, y, scale) {
-    return [Math.round(x * scale * 10), Math.round(y * scale * 10)];
+function roundXY(x, y) {
+    return [Math.round(x * 10), Math.round(y * 10)];
 }
-function formatPoint(p, scale) {
-    const [x, y] = roundXY(p[0], p[1], scale);
+function formatPoint(p) {
+    const [x, y] = roundXY(p[0], p[1]);
     return formatNum(x) + ',' + formatNum(y);
 }
 
@@ -16241,15 +16236,12 @@ async function render(job) {
 async function renderToSVG(options) {
     const width = options.width ?? 1024;
     const height = options.height ?? 1024;
-    const scale = options.scale ?? 1;
     if (width <= 0)
         throw new Error('width must be positive');
     if (height <= 0)
         throw new Error('height must be positive');
-    if (scale <= 0)
-        throw new Error('scale must be positive');
     return await renderMap({
-        renderer: new SVGRenderer({ width, height, scale }),
+        renderer: new SVGRenderer({ width, height }),
         style: options.style,
         view: {
             center: [options.lon ?? 0, options.lat ?? 0],