[GLJS-1141] Rasterize on the fly background pattern vector icons (int…

…ernal-2081)

src/render/image_manager.ts

@@ -10,6 +10,7 @@ import Dispatcher from '../util/dispatcher';
 import {getImageRasterizerWorkerPool} from '../util/worker_pool_factory';
 import offscreenCanvasSupported from '../util/offscreen_canvas_supported';
 import {ImageRasterizer} from './image_rasterizer';
+import ResolvedImage from '../style-spec/expression/types/resolved_image';
 
 import type {ImageIdWithOptions} from '../style-spec/expression/types/image_id_with_options';
 import type {StyleImage} from '../style/style_image';
@@ -358,6 +359,9 @@ class ImageManager extends Evented {
         }
 
         if (!pattern) {
+            if (image.usvg && !image.data) {
+                image.data = this.imageRasterizer.rasterize(ResolvedImage.from(id).getPrimary(), image, scope, '');
+            }
             const w = image.data.width + PATTERN_PADDING * 2;
             const h = image.data.height + PATTERN_PADDING * 2;
             const bin = {w, h, x: 0, y: 0};

test/integration/render-tests/background-pattern/rasterized/style.json

@@ -0,0 +1,21 @@
+{
+    "metadata": {
+        "test": {
+            "width": 64,
+            "height": 64,
+            "spriteFormat": "icon_set"
+        }
+    },
+    "version": 8,
+    "sprite": "local://sprites/park",
+    "sources":{},
+    "layers": [
+        {
+            "id": "background",
+            "type": "background",
+            "paint": {
+                "background-pattern": "park"
+            }
+        }
+    ]
+}