@visactor/vrender-core 0.16.9-alpha.1 → 0.16.10-alpha.0

package/dist/index.js

@@ -11231,9 +11231,7 @@
                     (_a = data.waitingMark) === null || _a === void 0 ? void 0 : _a.push(mark);
                 }
                 else if (mark) {
-                    application.global.getRequestAnimationFrame()(() => {
-                        mark.imageLoadSuccess(url, data.data);
-                    });
+                    mark.imageLoadSuccess(url, data.data);
                 }
             }
             else {
@@ -12314,12 +12312,12 @@
             this.resources.set(url, cache);
             if (typeof image === 'string') {
                 cache.state = 'loading';
-                if (vutils.isValidUrl(image) || vutils.isBase64(image)) {
-                    ResourceLoader.GetImage(image, this);
+                if (image.startsWith('<svg')) {
+                    ResourceLoader.GetSvg(image, this);
                     this.backgroundImg = this.backgroundImg || background;
                 }
-                else if (image.startsWith('<svg')) {
-                    ResourceLoader.GetSvg(image, this);
+                else if (vutils.isValidUrl(image) || image.includes('/') || vutils.isBase64(image)) {
+                    ResourceLoader.GetImage(image, this);
                     this.backgroundImg = this.backgroundImg || background;
                 }
             }
@@ -23642,6 +23640,7 @@
             return this.currentRenderMap.get(type) || this.defaultRenderMap.get(type);
         }
         clearScreen(renderService, context, drawContext) {
+            var _a;
             const { clear } = drawContext;
             if (clear) {
                 const canvas = context.getCanvas();
@@ -23649,10 +23648,19 @@
                 const x = 0;
                 const y = 0;
                 context.clearRect(x, y, width, height);
-                context.fillStyle = createColor(context, clear, {
-                    AABBBounds: { x1: x, y1: y, x2: x + width, y2: y + height }
-                }, 0, 0);
-                context.fillRect(x, y, width, height);
+                const stage = (_a = renderService.drawParams) === null || _a === void 0 ? void 0 : _a.stage;
+                if (stage && stage.backgroundImg && stage.resources) {
+                    const res = stage.resources.get(clear);
+                    if (res && res.state === 'success' && res.data) {
+                        context.drawImage(res.data, x, y, width, height);
+                    }
+                }
+                else {
+                    context.fillStyle = createColor(context, clear, {
+                        AABBBounds: { x1: x, y1: y, x2: x + width, y2: y + height }
+                    }, 0, 0);
+                    context.fillRect(x, y, width, height);
+                }
             }
         }
         afterDraw(renderService, drawParams) {
@@ -26105,6 +26113,9 @@
             this.ticker.addTimeline(this.timeline);
             this.timeline.pause();
             this.optmize(params.optimize);
+            if (this._background && vutils.isString(this._background)) {
+                this.setAttributes({ background: this._background });
+            }
         }
         optmize(params) {
             this.optmizeRender(params === null || params === void 0 ? void 0 : params.skipRenderWithOutRange);