Restore support for non-integer devicePixelRatio

src/symbol/sprite_atlas.js

@@ -46,8 +46,8 @@ class SpriteAtlas extends Evented {
         this.data = false;
         this.texture = 0; // WebGL ID
         this.filter = 0; // WebGL ID
-        this.width = width * browser.devicePixelRatio;
-        this.height = height * browser.devicePixelRatio;
+        this.width = Math.ceil(width * browser.devicePixelRatio);
+        this.height = Math.ceil(height * browser.devicePixelRatio);
         this.shelfPack = new ShelfPack(this.width, this.height);
         this.dirty = true;
     }

test/integration/render-tests/regressions/mapbox-gl-js#4928/style.json

@@ -0,0 +1,41 @@
+{
+  "version": 8,
+  "metadata": {
+    "test": {
+      "width": 64,
+      "height": 64,
+      "pixelRatio": 1.1,
+      "operations": [
+        [
+          "addImage",
+          "marker",
+          "./image/marker.png"
+        ],
+        [
+          "addLayer",
+          {
+            "id": "geometry",
+            "type": "symbol",
+            "source": "geometry",
+            "layout": {
+              "icon-image": "marker"
+            }
+          }
+        ],
+        [
+          "wait"
+        ]
+      ]
+    }
+  },
+  "sources": {
+    "geometry": {
+      "type": "geojson",
+      "data": {
+        "type": "Point",
+        "coordinates": [0, 0]
+      }
+    }
+  },
+  "layers": []
+}

test/suite_implementation.js

@@ -53,8 +53,9 @@ module.exports = function(style, options, _callback) {
             options.operations = [["wait"]];
         }
         applyOperations(map, options.operations, () => {
-            const w = options.width * window.devicePixelRatio;
-            const h = options.height * window.devicePixelRatio;
+            const viewport = gl.getParameter(gl.VIEWPORT);
+            const w = viewport[2];
+            const h = viewport[3];
 
             const pixels = new Uint8Array(w * h * 4);
             gl.readPixels(0, 0, w, h, gl.RGBA, gl.UNSIGNED_BYTE, pixels);