ol 10.7.1-dev.1767564255094 → 10.7.1-dev.1768058236017

package/geom/flat/lineoffset.d.ts

@@ -0,0 +1,45 @@
+/**
+ * Offsets a line string to the left / right along its segments direction.
+ * Offset is applied to each segment of the line in the direciton of the segment normal (positive offset goes "right" relative to the line direction).
+ * For very sharp angles between segments, the function falls back to offsetting along the segment normal direction to avoid excessively long miters.
+ *
+ * Coordinates and the offset should be in the same units — either pixels or the same spatial reference system as the input line coordinates.
+ *
+ * @param {Array<number>} flatCoordinates Flat coordinates.
+ * @param {number} stride Stride.
+ * @param {number} offset Offset distance along the segment normal direction.
+ *   Positive values offset to the right relative to the direction of the line.
+ *   Negative values offset to the left.
+ * @param {boolean} isClosedRing If coordinates build a closed circle (in this the first and the last coordinate offsets will consider previous / next ring coordinate)
+ * @param {Array<number>} [dest] Destination coordinate array. If not provided a new one will be created
+ * @param {number} [destinationStride] Stride of destination coordinates. If unspecified, assumed to be same as the source coordinates stride.
+ * @return {Array<number>} Result flat coordinates of the offset line.
+ */
+export function offsetLineString(flatCoordinates: Array<number>, stride: number, offset: number, isClosedRing: boolean, dest?: Array<number>, destinationStride?: number): Array<number>;
+/**
+ * Computes the offset of a single vertex of a line string.
+ *
+ * The function calculates a new vertex coordinate offset along the normal/miter direction of the line at this vertex.
+ * Offset is applied along the segment normal (positive offset goes "right" relative to the line direction).
+ * It handles first and last vertices (caps) as well as joins between two segments (mitering).
+ * For very sharp angles, the function falls back to offsetting along the segment normal direction to avoid excessively long miters.
+ *
+ * Coordinates and the offset should be in the same units — either pixels or the same spatial reference system as the input line coordinates.
+ *
+ * @param {number} x Vertex x-coordinate.
+ * @param {number} y Vertex y-coordinate.
+ * @param {number|undefined} prevX Previous vertex x-coordinate.
+ *   Pass undefined if computing the offset for the first vertex (no previous vertex).
+ * @param {number|undefined} prevY Previous vertex y-coordinate.
+ *   Pass undefined if computing the offset for the first vertex (no previous vertex).
+ * @param {number|undefined} nextX Next vertex x-coordinate.
+ *   Pass undefined if computing the offset for the last vertex (no next vertex).
+ * @param {number|undefined} nextY Next vertex y-coordinate.
+ *   Pass undefined if computing the offset for the last vertex (no next vertex).
+ * @param {number} offset Offset distance along the segment normal direction.
+ *   Positive values offset to the right relative to the direction from previous to next vertex.
+ *   Negative values offset to the left.
+ * @return {import("../../coordinate.js").Coordinate} Offset vertex coordinate as `[x, y]`.
+ */
+export function offsetLineVertex(x: number, y: number, prevX: number | undefined, prevY: number | undefined, nextX: number | undefined, nextY: number | undefined, offset: number): import("../../coordinate.js").Coordinate;
+//# sourceMappingURL=lineoffset.d.ts.map

package/geom/flat/lineoffset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lineoffset.d.ts","sourceRoot":"","sources":["lineoffset.js"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;GAgBG;AACH,kDAVW,KAAK,CAAC,MAAM,CAAC,UACb,MAAM,UACN,MAAM,gBAGN,OAAO,SACP,KAAK,CAAC,MAAM,CAAC,sBACb,MAAM,GACL,KAAK,CAAC,MAAM,CAAC,CAqExB;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,oCAfW,MAAM,KACN,MAAM,SACN,MAAM,GAAC,SAAS,SAEhB,MAAM,GAAC,SAAS,SAEhB,MAAM,GAAC,SAAS,SAEhB,MAAM,GAAC,SAAS,UAEhB,MAAM,GAGL,OAAO,qBAAqB,EAAE,UAAU,CA6DnD"}

package/geom/flat/lineoffset.js

@@ -0,0 +1,173 @@
+import {angleBetween} from '../../coordinate.js';
+
+/**
+ * Offsets a line string to the left / right along its segments direction.
+ * Offset is applied to each segment of the line in the direciton of the segment normal (positive offset goes "right" relative to the line direction).
+ * For very sharp angles between segments, the function falls back to offsetting along the segment normal direction to avoid excessively long miters.
+ *
+ * Coordinates and the offset should be in the same units — either pixels or the same spatial reference system as the input line coordinates.
+ *
+ * @param {Array<number>} flatCoordinates Flat coordinates.
+ * @param {number} stride Stride.
+ * @param {number} offset Offset distance along the segment normal direction.
+ *   Positive values offset to the right relative to the direction of the line.
+ *   Negative values offset to the left.
+ * @param {boolean} isClosedRing If coordinates build a closed circle (in this the first and the last coordinate offsets will consider previous / next ring coordinate)
+ * @param {Array<number>} [dest] Destination coordinate array. If not provided a new one will be created
+ * @param {number} [destinationStride] Stride of destination coordinates. If unspecified, assumed to be same as the source coordinates stride.
+ * @return {Array<number>} Result flat coordinates of the offset line.
+ */
+export function offsetLineString(
+  flatCoordinates,
+  stride,
+  offset,
+  isClosedRing,
+  dest,
+  destinationStride,
+) {
+  dest = dest ?? [];
+  destinationStride = destinationStride ?? stride;
+
+  const firstPointX = flatCoordinates[0];
+  const firstPointY = flatCoordinates[1];
+  const secondToLastPointX = flatCoordinates[flatCoordinates.length - 4];
+  const secondToLastPointY = flatCoordinates[flatCoordinates.length - 3];
+  let x, y, prevX, prevY, nextX, nextY, offsetX, offsetY;
+
+  let i = 0;
+  for (let j = 0; j < flatCoordinates.length; j += stride) {
+    // 1. Detect previous and next coordinates of a current vertex
+    prevX = x;
+    prevY = y;
+    nextX = undefined;
+    nextY = undefined;
+    if (j + stride < flatCoordinates.length) {
+      nextX = flatCoordinates[j + stride];
+      nextY = flatCoordinates[j + stride + 1];
+    }
+    // First coordinate of a closed ring -> previous coordinate is the second to last one
+    if (isClosedRing && j === 0) {
+      prevX = secondToLastPointX;
+      prevY = secondToLastPointY;
+    }
+    // Last coordinate of a closed ring -> next coordinate is the first vertex of a line string
+    if (isClosedRing && j === flatCoordinates.length - 2) {
+      // last coordinate
+      nextX = firstPointX;
+      nextY = firstPointY;
+    }
+
+    // 2. Current vertex to offset
+    x = flatCoordinates[j];
+    y = flatCoordinates[j + 1];
+
+    // 3. Offset the vertex
+    [offsetX, offsetY] = offsetLineVertex(
+      x,
+      y,
+      prevX,
+      prevY,
+      nextX,
+      nextY,
+      offset,
+    );
+    dest[i++] = offsetX;
+    dest[i++] = offsetY;
+
+    // 4. Copy over other dimension values if any
+    for (let k = 2; k < destinationStride; k++) {
+      dest[i++] = flatCoordinates[j + k];
+    }
+  }
+
+  if (dest.length != i) {
+    dest.length = i;
+  }
+  return dest;
+}
+
+/**
+ * Computes the offset of a single vertex of a line string.
+ *
+ * The function calculates a new vertex coordinate offset along the normal/miter direction of the line at this vertex.
+ * Offset is applied along the segment normal (positive offset goes "right" relative to the line direction).
+ * It handles first and last vertices (caps) as well as joins between two segments (mitering).
+ * For very sharp angles, the function falls back to offsetting along the segment normal direction to avoid excessively long miters.
+ *
+ * Coordinates and the offset should be in the same units — either pixels or the same spatial reference system as the input line coordinates.
+ *
+ * @param {number} x Vertex x-coordinate.
+ * @param {number} y Vertex y-coordinate.
+ * @param {number|undefined} prevX Previous vertex x-coordinate.
+ *   Pass undefined if computing the offset for the first vertex (no previous vertex).
+ * @param {number|undefined} prevY Previous vertex y-coordinate.
+ *   Pass undefined if computing the offset for the first vertex (no previous vertex).
+ * @param {number|undefined} nextX Next vertex x-coordinate.
+ *   Pass undefined if computing the offset for the last vertex (no next vertex).
+ * @param {number|undefined} nextY Next vertex y-coordinate.
+ *   Pass undefined if computing the offset for the last vertex (no next vertex).
+ * @param {number} offset Offset distance along the segment normal direction.
+ *   Positive values offset to the right relative to the direction from previous to next vertex.
+ *   Negative values offset to the left.
+ * @return {import("../../coordinate.js").Coordinate} Offset vertex coordinate as `[x, y]`.
+ */
+export function offsetLineVertex(x, y, prevX, prevY, nextX, nextY, offset) {
+  // Compute segment direction
+  let nx, ny;
+  if (prevX !== undefined && prevY !== undefined) {
+    nx = x - prevX;
+    ny = y - prevY;
+  } else if (nextX !== undefined && nextY !== undefined) {
+    nx = nextX - x;
+    ny = nextY - y;
+  } else {
+    // no next, no previous point given -> just assume some default (horizontal) direction
+    nx = 1;
+    ny = 0;
+  }
+
+  // Normalize -> tangent
+  const len = Math.hypot(nx, ny);
+  const tx = nx / len;
+  const ty = ny / len;
+
+  // Rotate tangent 90° -> normal
+  nx = -ty;
+  ny = tx;
+
+  // First / last vertex -> offset the point in the direction of the normal vector
+  if (prevX === undefined || prevY === undefined) {
+    return [x + nx * offset, y + ny * offset];
+  }
+  if (nextX === undefined || nextY === undefined) {
+    return [x + nx * offset, y + ny * offset];
+  }
+
+  // Compute join angle - angle between 2 segments of the vertex.
+  const joinAngle = angleBetween([x, y], [prevX, prevY], [nextX, nextY]);
+
+  // Avoid huge or infinite miter joins for very sharp angles, offset in the segment direction in this case.
+  if (Math.cos(joinAngle) > 0.998) {
+    return [x + tx * offset, y + ty * offset];
+  }
+
+  // Compute join offset direction.
+  // We rotate the normal vector by half of the join angle.
+  // This gives the direction of the miter at the vertex.
+  const cos = Math.cos(joinAngle / 2);
+  const sin = Math.sin(joinAngle / 2);
+
+  // Rotate the normal vector (nx, ny) by half of the join angle.
+  // bx/by = bisector direction before normalization
+  const bx = sin * nx + cos * ny;
+  const by = -cos * nx + sin * ny;
+
+  // Scale the bisector so that moving along it preserves the correct offset distance.
+  // Dividing by sin(half of angle) converts the bisector into the true miter vector.
+  // (This expands the miter for sharp angles and shortens it for wide ones.)
+  const dx = bx * (1 / sin);
+  const dy = by * (1 / sin);
+
+  // Offset final vertex along miter direction
+  return [x + dx * offset, y + dy * offset];
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ol",
-  "version": "10.7.1-dev.1767564255094",
+  "version": "10.7.1-dev.1768058236017",
   "description": "OpenLayers mapping library",
   "keywords": [
     "map",

package/render/canvas/Builder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Builder.d.ts","sourceRoot":"","sources":["Builder.js"],"names":[],"mappings":";AA8BA;IACE;;;;;OAKG;IACH,uBALW,MAAM,aACN,OAAO,iBAAiB,EAAE,MAAM,cAChC,MAAM,cACN,MAAM,EAoFhB;IA/EC;;;OAGG;IACH,qBAFU,MAAM,CAEU;IAE1B;;;;OAIG;IACH,qBAFU,OAAO,iBAAiB,EAAE,MAAM,CAEhB;IAE1B;;;OAGG;IACH,sBAFU,MAAM,CAEY;IAE5B;;;OAGG;IACH,wBAFU,MAAM,CAEK;IAErB;;;;OAIG;IACH,sBAFU,MAAM,CAEY;IAE5B;;;OAGG;IACH,mCAAsC;IAEtC;;;OAGG;IACH,mCAAsC;IAEtC;;;OAGG;IACH,2BAA8B;IAE9B;;;OAGG;IACH,wBAFU,KAAK,CAAC,GAAC,CAAC,CAEI;IAEtB;;;OAGG;IACH,uBAFU,KAAK,CAAC,MAAM,CAAC,CAEF;IAErB;;;OAGG;IACH,uBAAwB;IAExB;;;OAGG;IACH,oCAFU,KAAK,CAAC,GAAC,CAAC,CAEgB;IAElC;;;OAGG;IACH,iBAFU,OAAO,cAAc,EAAE,eAAe,CAEuB;IAGzE;;;;OAIG;IACH,qCAHW,KAAK,CAAC,MAAM,CAAC,GACZ,KAAK,CAAC,MAAM,CAAC,CASxB;IAED;;;;;OAKG;IACH,sDALW,KAAK,CAAC,MAAM,CAAC,UACb,MAAM,GAEL,MAAM,CAgBjB;IAED;;;;;;;;;OASG;IACH,qDATW,KAAK,CAAC,MAAM,CAAC,UACb,MAAM,OACN,MAAM,UACN,MAAM,UACN,OAAO,aACP,OAAO,GAEN,MAAM,CAoDjB;IAED;;;;;;;OAOG;IACH,wCAPW,KAAK,CAAC,MAAM,CAAC,UACb,MAAM,QACN,KAAK,CAAC,MAAM,CAAC,UACb,MAAM,eACN,KAAK,CAAC,MAAM,CAAC,GACZ,MAAM,CAiBjB;IAuLD;;;;;OAKG;IACH,kCAJW,OAAO,qBAAqB,EAAE,OAAO,GAAC,OAAO,eAAe,EAAE,OAAO,WACrE,OAAO,kBAAkB,EAAE,WAAW,SACtC,MAAM,QAmBhB;IAED;;OAEG;IACH,UAFY,OAAO,cAAc,EAAE,wBAAwB,CAQ1D;IAED;;OAEG;IACH,wCAqBC;IAED;;;;OAIG;IACH,4BAJW,OAAO,qBAAqB,EAAE,OAAO,UACrC,OAAO,cAAc,EAAE,eAAe,GACrC,OAAO,cAAc,EAAE,eAAe,CAqBjD;IAED;;;;OAIG;IACH,gCAJW,OAAO,uBAAuB,EAAE,OAAO,UACvC,OAAO,cAAc,EAAE,eAAe,GACrC,OAAO,cAAc,EAAE,eAAe,CAmDjD;IAaD;;;OAGG;IACH,kBAHW,OAAO,cAAc,EAAE,eAAe,GACrC,KAAK,CAAC,GAAC,CAAC,CAWnB;IAED;;OAEG;IACH,mBAFW,OAAO,cAAc,EAAE,eAAe,QAIhD;IAED;;;OAGG;IACH,oBAHW,OAAO,cAAc,EAAE,eAAe,GACrC,KAAK,CAAC,GAAC,CAAC,CAanB;IAED;;;OAGG;IACH,uBAHW,OAAO,cAAc,EAAE,eAAe,cACtC,CAAS,IAAkB,EAAb,aAAa,EAAE,IAAsC,EAAtC,OAAO,cAAc,EAAE,eAAe,KAAE,KAAK,CAAC,GAAC,CAAC,QAQvF;IAED;;;OAGG;IACH,yBAHW,OAAO,cAAc,EAAE,eAAe,eACtC,CAAS,IAAkB,EAAb,aAAa,EAAE,IAAsC,EAAtC,OAAO,cAAc,EAAE,eAAe,KAAG,IAAI,QA6BpF;IAED;;OAEG;IACH,qBAFW,OAAO,kBAAkB,EAAE,WAAW,QAUhD;IAED;;;;;;OAMG;IACH,kCAHY,OAAO,iBAAiB,EAAE,MAAM,CAY3C;CACF;0BArqByB,qBAAqB"}
+{"version":3,"file":"Builder.d.ts","sourceRoot":"","sources":["Builder.js"],"names":[],"mappings":";AA+BA;IACE;;;;;OAKG;IACH,uBALW,MAAM,aACN,OAAO,iBAAiB,EAAE,MAAM,cAChC,MAAM,cACN,MAAM,EAoFhB;IA/EC;;;OAGG;IACH,qBAFU,MAAM,CAEU;IAE1B;;;;OAIG;IACH,qBAFU,OAAO,iBAAiB,EAAE,MAAM,CAEhB;IAE1B;;;OAGG;IACH,sBAFU,MAAM,CAEY;IAE5B;;;OAGG;IACH,wBAFU,MAAM,CAEK;IAErB;;;;OAIG;IACH,sBAFU,MAAM,CAEY;IAE5B;;;OAGG;IACH,mCAAsC;IAEtC;;;OAGG;IACH,mCAAsC;IAEtC;;;OAGG;IACH,2BAA8B;IAE9B;;;OAGG;IACH,wBAFU,KAAK,CAAC,GAAC,CAAC,CAEI;IAEtB;;;OAGG;IACH,uBAFU,KAAK,CAAC,MAAM,CAAC,CAEF;IAErB;;;OAGG;IACH,uBAAwB;IAExB;;;OAGG;IACH,oCAFU,KAAK,CAAC,GAAC,CAAC,CAEgB;IAElC;;;OAGG;IACH,iBAFU,OAAO,cAAc,EAAE,eAAe,CAEuB;IAGzE;;;;OAIG;IACH,qCAHW,KAAK,CAAC,MAAM,CAAC,GACZ,KAAK,CAAC,MAAM,CAAC,CASxB;IAED;;;;;OAKG;IACH,sDALW,KAAK,CAAC,MAAM,CAAC,UACb,MAAM,GAEL,MAAM,CAgBjB;IAED;;;;;;;;;OASG;IACH,qDATW,KAAK,CAAC,MAAM,CAAC,UACb,MAAM,OACN,MAAM,UACN,MAAM,UACN,OAAO,aACP,OAAO,GAEN,MAAM,CAoDjB;IAED;;;;;;;OAOG;IACH,wCAPW,KAAK,CAAC,MAAM,CAAC,UACb,MAAM,QACN,KAAK,CAAC,MAAM,CAAC,UACb,MAAM,eACN,KAAK,CAAC,MAAM,CAAC,GACZ,MAAM,CAiBjB;IAuLD;;;;;OAKG;IACH,kCAJW,OAAO,qBAAqB,EAAE,OAAO,GAAC,OAAO,eAAe,EAAE,OAAO,WACrE,OAAO,kBAAkB,EAAE,WAAW,SACtC,MAAM,QAmBhB;IAED;;OAEG;IACH,UAFY,OAAO,cAAc,EAAE,wBAAwB,CAQ1D;IAED;;OAEG;IACH,wCAqBC;IAED;;;;OAIG;IACH,4BAJW,OAAO,qBAAqB,EAAE,OAAO,UACrC,OAAO,cAAc,EAAE,eAAe,GACrC,OAAO,cAAc,EAAE,eAAe,CAqBjD;IAED;;;;OAIG;IACH,gCAJW,OAAO,uBAAuB,EAAE,OAAO,UACvC,OAAO,cAAc,EAAE,eAAe,GACrC,OAAO,cAAc,EAAE,eAAe,CAsDjD;IAaD;;;OAGG;IACH,kBAHW,OAAO,cAAc,EAAE,eAAe,GACrC,KAAK,CAAC,GAAC,CAAC,CAWnB;IAED;;OAEG;IACH,mBAFW,OAAO,cAAc,EAAE,eAAe,QAIhD;IAED;;;OAGG;IACH,oBAHW,OAAO,cAAc,EAAE,eAAe,GACrC,KAAK,CAAC,GAAC,CAAC,CAanB;IAED;;;OAGG;IACH,uBAHW,OAAO,cAAc,EAAE,eAAe,cACtC,CAAS,IAAkB,EAAb,aAAa,EAAE,IAAsC,EAAtC,OAAO,cAAc,EAAE,eAAe,KAAE,KAAK,CAAC,GAAC,CAAC,QAQvF;IAED;;;OAGG;IACH,yBAHW,OAAO,cAAc,EAAE,eAAe,eACtC,CAAS,IAAkB,EAAb,aAAa,EAAE,IAAsC,EAAtC,OAAO,cAAc,EAAE,eAAe,KAAG,IAAI,QAgCpF;IAED;;OAEG;IACH,qBAFW,OAAO,kBAAkB,EAAE,WAAW,QAUhD;IAED;;;;;;OAMG;IACH,kCAHY,OAAO,iBAAiB,EAAE,MAAM,CAY3C;CACF;0BA5qByB,qBAAqB"}

package/render/canvas/Builder.js

@@ -24,6 +24,7 @@ import {
   defaultLineJoin,
   defaultLineWidth,
   defaultMiterLimit,
+  defaultStrokeOffset,
   defaultStrokeStyle,
 } from '../canvas.js';
 import CanvasInstruction from './Instruction.js';
@@ -549,6 +550,8 @@ class CanvasBuilder extends VectorContext {
         strokeStyleMiterLimit !== undefined
           ? strokeStyleMiterLimit
           : defaultMiterLimit;
+      const strokeStyleOffset = strokeStyle.getOffset();
+      state.strokeOffset = strokeStyleOffset ?? defaultStrokeOffset;
 
       if (state.lineWidth > this.maxLineWidth) {
         this.maxLineWidth = state.lineWidth;
@@ -563,6 +566,7 @@ class CanvasBuilder extends VectorContext {
       state.lineJoin = undefined;
       state.lineWidth = undefined;
       state.miterLimit = undefined;
+      state.strokeOffset = undefined;
     }
     return state;
   }
@@ -641,6 +645,7 @@ class CanvasBuilder extends VectorContext {
     const lineJoin = state.lineJoin;
     const lineWidth = state.lineWidth;
     const miterLimit = state.miterLimit;
+    const strokeOffset = state.strokeOffset;
     if (
       state.currentStrokeStyle != strokeStyle ||
       state.currentLineCap != lineCap ||
@@ -649,7 +654,8 @@ class CanvasBuilder extends VectorContext {
       state.currentLineDashOffset != lineDashOffset ||
       state.currentLineJoin != lineJoin ||
       state.currentLineWidth != lineWidth ||
-      state.currentMiterLimit != miterLimit
+      state.currentMiterLimit != miterLimit ||
+      state.currentStrokeOffset != strokeOffset
     ) {
       applyStroke.call(this, state);
       state.currentStrokeStyle = strokeStyle;
@@ -659,6 +665,7 @@ class CanvasBuilder extends VectorContext {
       state.currentLineJoin = lineJoin;
       state.currentLineWidth = lineWidth;
       state.currentMiterLimit = miterLimit;
+      state.currentStrokeOffset = strokeOffset;
     }
   }
 

package/render/canvas/Executor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Executor.d.ts","sourceRoot":"","sources":["Executor.js"],"names":[],"mappings":"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"}
+{"version":3,"file":"Executor.d.ts","sourceRoot":"","sources":["Executor.js"],"names":[],"mappings":"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"}

package/render/canvas/Executor.js

@@ -4,6 +4,7 @@
 import {equals} from '../../array.js';
 import {createEmpty, createOrUpdate, intersects} from '../../extent.js';
 import {lineStringLength} from '../../geom/flat/length.js';
+import {offsetLineVertex} from '../../geom/flat/lineoffset.js';
 import {drawTextOnPath} from '../../geom/flat/textpath.js';
 import {transform2D} from '../../geom/flat/transform.js';
 import {
@@ -707,6 +708,9 @@ class Executor {
     let dd; // end of per-instruction data
     let anchorX,
       anchorY,
+      lineOffsetPx,
+      /** @type {boolean} */ isClosedRing,
+      /** @type {number} */ dStart,
       /** @type {import('../../style/Style.js').DeclutterMode} */
       declutterMode,
       prevX,
@@ -781,10 +785,11 @@ class Executor {
           break;
         case CanvasInstruction.CIRCLE:
           d = /** @type {number} */ (instruction[1]);
+          lineOffsetPx = /** @type {number} */ instruction[2] ?? 0;
           const x1 = pixelCoordinates[d];
           const y1 = pixelCoordinates[d + 1];
-          const x2 = pixelCoordinates[d + 2];
-          const y2 = pixelCoordinates[d + 3];
+          const x2 = pixelCoordinates[d + 2] - lineOffsetPx;
+          const y2 = pixelCoordinates[d + 3] - lineOffsetPx;
           const dx = x2 - x1;
           const dy = y2 - y1;
           const r = Math.sqrt(dx * dx + dy * dy);
@@ -1192,8 +1197,25 @@ class Executor {
         case CanvasInstruction.MOVE_TO_LINE_TO:
           d = /** @type {number} */ (instruction[1]);
           dd = /** @type {number} */ (instruction[2]);
+          lineOffsetPx = /** @type {number|undefined} */ (instruction[3]);
+          isClosedRing =
+            /** @type {boolean|undefined} */ (instruction[4]) ?? false;
           x = pixelCoordinates[d];
           y = pixelCoordinates[d + 1];
+
+          if (lineOffsetPx) {
+            dStart = d;
+            [x, y] = offsetLineVertex(
+              x,
+              y,
+              isClosedRing ? pixelCoordinates[dd - 4] : undefined,
+              isClosedRing ? pixelCoordinates[dd - 3] : undefined,
+              pixelCoordinates[d + 2],
+              pixelCoordinates[d + 3],
+              lineOffsetPx,
+            );
+          }
+
           context.moveTo(x, y);
           prevX = (x + 0.5) | 0;
           prevY = (y + 0.5) | 0;
@@ -1203,6 +1225,31 @@ class Executor {
             roundX = (x + 0.5) | 0;
             roundY = (y + 0.5) | 0;
             if (d == dd - 2 || roundX !== prevX || roundY !== prevY) {
+              if (lineOffsetPx) {
+                if (d == dd - 2) {
+                  // last coordinate
+                  [x, y] = offsetLineVertex(
+                    x,
+                    y,
+                    pixelCoordinates[d - 2],
+                    pixelCoordinates[d - 1],
+                    isClosedRing ? pixelCoordinates[dStart + 2] : undefined,
+                    isClosedRing ? pixelCoordinates[dStart + 3] : undefined,
+                    lineOffsetPx,
+                  );
+                } else {
+                  [x, y] = offsetLineVertex(
+                    x,
+                    y,
+                    pixelCoordinates[d - 2],
+                    pixelCoordinates[d - 1],
+                    pixelCoordinates[d + 2],
+                    pixelCoordinates[d + 3],
+                    lineOffsetPx,
+                  );
+                }
+              }
+
               context.lineTo(x, y);
               prevX = roundX;
               prevY = roundY;

package/render/canvas/Immediate.d.ts

@@ -216,6 +216,7 @@ declare class CanvasImmediateRenderer extends VectorContext {
      * @param {number} end End.
      * @param {number} stride Stride.
      * @param {boolean} close Close.
+     * @param {number} [strokeOffset] Stroke Offset.
      * @private
      * @return {number} end End.
      */
@@ -225,6 +226,7 @@ declare class CanvasImmediateRenderer extends VectorContext {
      * @param {number} offset Offset.
      * @param {Array<number>} ends Ends.
      * @param {number} stride Stride.
+     * @param {number} [strokeOffset] Stroke Offset.
      * @private
      * @return {number} End.
      */

package/render/canvas/Immediate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Immediate.d.ts","sourceRoot":"","sources":["Immediate.js"],"names":[],"mappings":"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"}
+{"version":3,"file":"Immediate.d.ts","sourceRoot":"","sources":["Immediate.js"],"names":[],"mappings":"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"}

package/render/canvas/Immediate.js

@@ -9,6 +9,7 @@ import {equals} from '../../array.js';
 import {asColorLike} from '../../colorlike.js';
 import {intersects} from '../../extent.js';
 import {transformGeom2D} from '../../geom/SimpleGeometry.js';
+import {offsetLineString} from '../../geom/flat/lineoffset.js';
 import {transform2D} from '../../geom/flat/transform.js';
 import {toFixed} from '../../math.js';
 import {
@@ -431,12 +432,13 @@ class CanvasImmediateRenderer extends VectorContext {
    * @param {number} end End.
    * @param {number} stride Stride.
    * @param {boolean} close Close.
+   * @param {number} [strokeOffset] Stroke Offset.
    * @private
    * @return {number} end End.
    */
-  moveToLineTo_(flatCoordinates, offset, end, stride, close) {
+  moveToLineTo_(flatCoordinates, offset, end, stride, close, strokeOffset) {
     const context = this.context_;
-    const pixelCoordinates = transform2D(
+    let pixelCoordinates = transform2D(
       flatCoordinates,
       offset,
       end,
@@ -444,6 +446,15 @@ class CanvasImmediateRenderer extends VectorContext {
       this.transform_,
       this.pixelCoordinates_,
     );
+    if (Math.abs(strokeOffset) > 0) {
+      pixelCoordinates = offsetLineString(
+        pixelCoordinates,
+        stride,
+        strokeOffset,
+        close,
+        pixelCoordinates,
+      );
+    }
     context.moveTo(pixelCoordinates[0], pixelCoordinates[1]);
     let length = pixelCoordinates.length;
     if (close) {
@@ -463,10 +474,11 @@ class CanvasImmediateRenderer extends VectorContext {
    * @param {number} offset Offset.
    * @param {Array<number>} ends Ends.
    * @param {number} stride Stride.
+   * @param {number} [strokeOffset] Stroke Offset.
    * @private
    * @return {number} End.
    */
-  drawRings_(flatCoordinates, offset, ends, stride) {
+  drawRings_(flatCoordinates, offset, ends, stride, strokeOffset) {
     for (let i = 0, ii = ends.length; i < ii; ++i) {
       offset = this.moveToLineTo_(
         flatCoordinates,
@@ -474,6 +486,7 @@ class CanvasImmediateRenderer extends VectorContext {
         ends[i],
         stride,
         true,
+        strokeOffset,
       );
     }
     return offset;
@@ -733,6 +746,7 @@ class CanvasImmediateRenderer extends VectorContext {
         flatCoordinates.length,
         geometry.getStride(),
         false,
+        this.strokeState_.strokeOffset,
       );
       context.stroke();
     }
@@ -778,6 +792,7 @@ class CanvasImmediateRenderer extends VectorContext {
           ends[i],
           stride,
           false,
+          this.strokeState_.strokeOffset,
         );
       }
       context.stroke();
@@ -821,6 +836,7 @@ class CanvasImmediateRenderer extends VectorContext {
         0,
         /** @type {Array<number>} */ (geometry.getEnds()),
         geometry.getStride(),
+        this.strokeState_?.strokeOffset,
       );
       if (this.fillState_) {
         context.fill();
@@ -868,7 +884,13 @@ class CanvasImmediateRenderer extends VectorContext {
       context.beginPath();
       for (let i = 0, ii = endss.length; i < ii; ++i) {
         const ends = endss[i];
-        offset = this.drawRings_(flatCoordinates, offset, ends, stride);
+        offset = this.drawRings_(
+          flatCoordinates,
+          offset,
+          ends,
+          stride,
+          this.strokeState_?.strokeOffset,
+        );
       }
       if (this.fillState_) {
         context.fill();
@@ -1027,6 +1049,7 @@ class CanvasImmediateRenderer extends VectorContext {
       const lineDash = strokeStyleLineDash
         ? strokeStyleLineDash
         : defaultLineDash;
+      const strokeOffset = strokeStyle.getOffset();
       this.strokeState_ = {
         lineCap:
           strokeStyleLineCap !== undefined
@@ -1055,6 +1078,7 @@ class CanvasImmediateRenderer extends VectorContext {
         strokeStyle: asColorLike(
           strokeStyleColor ? strokeStyleColor : defaultStrokeStyle,
         ),
+        strokeOffset: (strokeOffset ?? 0) * this.pixelRatio_,
       };
     }
   }

package/render/canvas/LineStringBuilder.d.ts

@@ -5,6 +5,7 @@ declare class CanvasLineStringBuilder extends CanvasBuilder {
      * @param {number} offset Offset.
      * @param {number} end End.
      * @param {number} stride Stride.
+     * @param {number} [strokeOffset] Stroke Offset in pixels.
      * @private
      * @return {number} end.
      */

package/render/canvas/LineStringBuilder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LineStringBuilder.d.ts","sourceRoot":"","sources":["LineStringBuilder.js"],"names":[],"mappings":";AAUA;IAWE;;;;;;;OAOG;IACH,6BAkBC;CAuHF;0BAlKyB,cAAc"}
+{"version":3,"file":"LineStringBuilder.d.ts","sourceRoot":"","sources":["LineStringBuilder.js"],"names":[],"mappings":";AAUA;IAWE;;;;;;;;OAQG;IACH,6BAuBC;CAyHF;0BA1KyB,cAAc"}

package/render/canvas/LineStringBuilder.js

@@ -24,10 +24,11 @@ class CanvasLineStringBuilder extends CanvasBuilder {
    * @param {number} offset Offset.
    * @param {number} end End.
    * @param {number} stride Stride.
+   * @param {number} [strokeOffset] Stroke Offset in pixels.
    * @private
    * @return {number} end.
    */
-  drawFlatCoordinates_(flatCoordinates, offset, end, stride) {
+  drawFlatCoordinates_(flatCoordinates, offset, end, stride, strokeOffset) {
     const myBegin = this.coordinates.length;
     const myEnd = this.appendFlatLineCoordinates(
       flatCoordinates,
@@ -37,13 +38,18 @@ class CanvasLineStringBuilder extends CanvasBuilder {
       false,
       false,
     );
-    const moveToLineToInstruction = [
+    this.instructions.push([
       CanvasInstruction.MOVE_TO_LINE_TO,
       myBegin,
       myEnd,
-    ];
-    this.instructions.push(moveToLineToInstruction);
-    this.hitDetectionInstructions.push(moveToLineToInstruction);
+      strokeOffset * this.pixelRatio,
+    ]);
+    this.hitDetectionInstructions.push([
+      CanvasInstruction.MOVE_TO_LINE_TO,
+      myBegin,
+      myEnd,
+      strokeOffset,
+    ]);
     return end;
   }
 
@@ -57,6 +63,7 @@ class CanvasLineStringBuilder extends CanvasBuilder {
     const state = this.state;
     const strokeStyle = state.strokeStyle;
     const lineWidth = state.lineWidth;
+    const strokeOffset = state.strokeOffset;
     if (strokeStyle === undefined || lineWidth === undefined) {
       return;
     }
@@ -82,6 +89,7 @@ class CanvasLineStringBuilder extends CanvasBuilder {
       0,
       flatCoordinates.length,
       stride,
+      strokeOffset,
     );
     this.hitDetectionInstructions.push(strokeInstruction);
     this.endGeometry(feature);

package/render/canvas/PolygonBuilder.d.ts

@@ -5,6 +5,7 @@ declare class CanvasPolygonBuilder extends CanvasBuilder {
      * @param {number} offset Offset.
      * @param {Array<number>} ends Ends.
      * @param {number} stride Stride.
+     * @param {number} [strokeOffset] Stroke Offset in pixels.
      * @private
      * @return {number} End.
      */
@@ -13,6 +14,7 @@ declare class CanvasPolygonBuilder extends CanvasBuilder {
      * @private
      */
     private setFillStrokeStyles_;
+    handleStrokeOffset_(drawGeometryCallback: any): boolean;
 }
 import CanvasBuilder from './Builder.js';
 //# sourceMappingURL=PolygonBuilder.d.ts.map

package/render/canvas/PolygonBuilder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PolygonBuilder.d.ts","sourceRoot":"","sources":["PolygonBuilder.js"],"names":[],"mappings":";AAiBA;IAWE;;;;;;;OAOG;IACH,8BA0CC;IA8KD;;OAEG;IACH,6BAIC;CACF;0BA3PyB,cAAc"}
+{"version":3,"file":"PolygonBuilder.d.ts","sourceRoot":"","sources":["PolygonBuilder.js"],"names":[],"mappings":";AAiBA;IAWE;;;;;;;;OAQG;IACH,8BAiDC;IA0MD;;OAEG;IACH,6BAIC;IAED,wDA4BC;CACF;0BA7TyB,cAAc"}