Fix an issue with the pixel ratio-aware line width

flekschas · Dec 8, 2020 · bb45e47 · bb45e47
1 parent f86f0aa
commit bb45e47
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,6 +1,7 @@
 ## v0.3.1
 
-- Precalculate `projection * view * model` for speed
+- Pre-calculate `projection * view * model` for speed
+- Fix an issue with the pixel ratio-aware line width
 
 ## v0.3.0
 

diff --git a/src/index.js b/src/index.js
@@ -170,8 +170,9 @@ const createLine = (
         colorTex: () => colorTex,
         colorTexRes: () => colorTexRes,
         colorTexEps: () => 0.5 / colorTexRes,
-        width: ({ viewportWidth }) =>
-          (width / viewportWidth) * window.devicePixelRatio,
+        pixelRatio: ({ pixelRatio }) => pixelRatio,
+        width: ({ pixelRatio, viewportHeight, viewportWidth }) =>
+          (width / Math.max(viewportWidth, viewportHeight)) * pixelRatio,
         miter,
       },
       elements: () => elements,