Website updates

Author: ahocevar

dist/en/main/apidoc/module-ol_style_flat.html

@@ -2522,7 +2522,7 @@ <h5 class="subsection-title">Properties:</h5>
             </td>
 
             <td class="description last">
-                <p>Stroke offset in pixel. A positive value offsets the line to the right,
+                <p>Stroke offset in pixel along the normal. A positive value offsets the line to the right,
 relative to the direction of the line. (WebGL only)</p>
 
             </td>
@@ -2573,7 +2573,7 @@ <h5 class="subsection-title">Properties:</h5>
 
             <td class="description last">
                 <p>Offset, which, together with the size and the offset origin,
-define the sub-rectangle to use from the original fill pattern image. (WebGL only)</p>
+define the sub-rectangle to use from the original stroke pattern image. (WebGL only)</p>
 
             </td>
         </tr>
@@ -2646,7 +2646,30 @@ <h5 class="subsection-title">Properties:</h5>
             </td>
 
             <td class="description last">
-                <p>Spacing between each pattern occurrence in pixels; 0 if undefined.</p>
+                <p>Spacing between each pattern occurrence in pixels; 0 if undefined. (WebGL only)</p>
+                
+            </td>
+        </tr>
+
+	
+
+        <tr>
+            
+                <td class="name"><code>stroke-pattern-start-offset</code></td>
+            
+
+            <td class="type">
+            
+                
+<span class="param-type"><a href="module-ol_style_flat.html#~NumberExpression">NumberExpression</a></span>
+
+ | undefined
+                
+            
+            </td>
+
+            <td class="description last">
+                <p>Stroke pattern offset in pixels at the start of the line. (WebGL only)</p>
 
             </td>
         </tr>

dist/en/main/examples/common.js

@@ -349,6 +349,13 @@ <h5 class="modal-title" id="tag-example-title"></h5>
     </label>
     <span id="value-patternSpacing">0</span>
   </div>
+  <div class="form-group" style="margin-left: 18px">
+    <label>
+      Pattern start offset (pixels)
+      <input type="range" class="uniform" name="patternOffset" min="0" max="64" value="0">
+    </label>
+    <span id="value-patternOffset">0</span>
+  </div>
 </form>
 
         <form method="POST" id="codepen-form" target="_blank" action="https://codesandbox.io/api/v1/sandboxes/define">
@@ -388,6 +395,7 @@ <h5 class="source-heading">main.js</h5>
   dashLength4: 15,
   dashOffset: 0,
   patternSpacing: 0,
+  patternOffset: 0,
 };
 
 const source &#x3D; new VectorSource({
@@ -427,6 +435,7 @@ <h5 class="source-heading">main.js</h5>
       ...newStyle,
       &#x27;stroke-pattern-src&#x27;: &#x27;data/dot.svg&#x27;,
       &#x27;stroke-pattern-spacing&#x27;: [&#x27;var&#x27;, &#x27;patternSpacing&#x27;],
+      &#x27;stroke-pattern-start-offset&#x27;: [&#x27;var&#x27;, &#x27;patternOffset&#x27;],
     };
   }
   return newStyle;
@@ -614,6 +623,13 @@ <h5 class="source-heading">index.html</h5>
         &lt;/label&gt;
         &lt;span id&#x3D;&quot;value-patternSpacing&quot;&gt;0&lt;/span&gt;
       &lt;/div&gt;
+      &lt;div class&#x3D;&quot;form-group&quot; style&#x3D;&quot;margin-left: 18px&quot;&gt;
+        &lt;label&gt;
+          Pattern start offset (pixels)
+          &lt;input type&#x3D;&quot;range&quot; class&#x3D;&quot;uniform&quot; name&#x3D;&quot;patternOffset&quot; min&#x3D;&quot;0&quot; max&#x3D;&quot;64&quot; value&#x3D;&quot;0&quot;&gt;
+        &lt;/label&gt;
+        &lt;span id&#x3D;&quot;value-patternOffset&quot;&gt;0&lt;/span&gt;
+      &lt;/div&gt;
     &lt;/form&gt;
 
     &lt;script type="module" src="main.js"&gt;&lt;/script&gt;