microboard-temp 0.5.57 → 0.5.59
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/browser.js +5 -1
- package/dist/cjs/index.js +5 -1
- package/dist/cjs/node.js +5 -1
- package/dist/esm/browser.js +5 -1
- package/dist/esm/index.js +5 -1
- package/dist/esm/node.js +5 -1
- package/package.json +1 -1
package/dist/cjs/browser.js
CHANGED
|
@@ -49072,7 +49072,7 @@ class Screen extends BaseItem {
|
|
|
49072
49072
|
const ctx = context.ctx;
|
|
49073
49073
|
ctx.save();
|
|
49074
49074
|
this.transformation.matrix.applyToContext(ctx);
|
|
49075
|
-
ctx.drawImage(this.backgroundImage, 0, 0);
|
|
49075
|
+
ctx.drawImage(this.backgroundImage, 0, 0, this.getWidth(), this.getHeight());
|
|
49076
49076
|
ctx.restore();
|
|
49077
49077
|
}
|
|
49078
49078
|
this.path.render(context);
|
|
@@ -49086,6 +49086,10 @@ class Screen extends BaseItem {
|
|
|
49086
49086
|
div.style.borderColor = this.borderColor;
|
|
49087
49087
|
div.style.borderWidth = `${this.borderWidth}px`;
|
|
49088
49088
|
div.style.borderStyle = this.borderStyle;
|
|
49089
|
+
if (this.backgroundUrl) {
|
|
49090
|
+
div.style.backgroundSize = "cover";
|
|
49091
|
+
div.style.backgroundImage = `url(${this.backgroundUrl})`;
|
|
49092
|
+
}
|
|
49089
49093
|
return div;
|
|
49090
49094
|
}
|
|
49091
49095
|
}
|
package/dist/cjs/index.js
CHANGED
|
@@ -49072,7 +49072,7 @@ class Screen extends BaseItem {
|
|
|
49072
49072
|
const ctx = context.ctx;
|
|
49073
49073
|
ctx.save();
|
|
49074
49074
|
this.transformation.matrix.applyToContext(ctx);
|
|
49075
|
-
ctx.drawImage(this.backgroundImage, 0, 0);
|
|
49075
|
+
ctx.drawImage(this.backgroundImage, 0, 0, this.getWidth(), this.getHeight());
|
|
49076
49076
|
ctx.restore();
|
|
49077
49077
|
}
|
|
49078
49078
|
this.path.render(context);
|
|
@@ -49086,6 +49086,10 @@ class Screen extends BaseItem {
|
|
|
49086
49086
|
div.style.borderColor = this.borderColor;
|
|
49087
49087
|
div.style.borderWidth = `${this.borderWidth}px`;
|
|
49088
49088
|
div.style.borderStyle = this.borderStyle;
|
|
49089
|
+
if (this.backgroundUrl) {
|
|
49090
|
+
div.style.backgroundSize = "cover";
|
|
49091
|
+
div.style.backgroundImage = `url(${this.backgroundUrl})`;
|
|
49092
|
+
}
|
|
49089
49093
|
return div;
|
|
49090
49094
|
}
|
|
49091
49095
|
}
|
package/dist/cjs/node.js
CHANGED
|
@@ -51545,7 +51545,7 @@ class Screen extends BaseItem {
|
|
|
51545
51545
|
const ctx = context.ctx;
|
|
51546
51546
|
ctx.save();
|
|
51547
51547
|
this.transformation.matrix.applyToContext(ctx);
|
|
51548
|
-
ctx.drawImage(this.backgroundImage, 0, 0);
|
|
51548
|
+
ctx.drawImage(this.backgroundImage, 0, 0, this.getWidth(), this.getHeight());
|
|
51549
51549
|
ctx.restore();
|
|
51550
51550
|
}
|
|
51551
51551
|
this.path.render(context);
|
|
@@ -51559,6 +51559,10 @@ class Screen extends BaseItem {
|
|
|
51559
51559
|
div.style.borderColor = this.borderColor;
|
|
51560
51560
|
div.style.borderWidth = `${this.borderWidth}px`;
|
|
51561
51561
|
div.style.borderStyle = this.borderStyle;
|
|
51562
|
+
if (this.backgroundUrl) {
|
|
51563
|
+
div.style.backgroundSize = "cover";
|
|
51564
|
+
div.style.backgroundImage = `url(${this.backgroundUrl})`;
|
|
51565
|
+
}
|
|
51562
51566
|
return div;
|
|
51563
51567
|
}
|
|
51564
51568
|
}
|
package/dist/esm/browser.js
CHANGED
|
@@ -48918,7 +48918,7 @@ class Screen extends BaseItem {
|
|
|
48918
48918
|
const ctx = context.ctx;
|
|
48919
48919
|
ctx.save();
|
|
48920
48920
|
this.transformation.matrix.applyToContext(ctx);
|
|
48921
|
-
ctx.drawImage(this.backgroundImage, 0, 0);
|
|
48921
|
+
ctx.drawImage(this.backgroundImage, 0, 0, this.getWidth(), this.getHeight());
|
|
48922
48922
|
ctx.restore();
|
|
48923
48923
|
}
|
|
48924
48924
|
this.path.render(context);
|
|
@@ -48932,6 +48932,10 @@ class Screen extends BaseItem {
|
|
|
48932
48932
|
div.style.borderColor = this.borderColor;
|
|
48933
48933
|
div.style.borderWidth = `${this.borderWidth}px`;
|
|
48934
48934
|
div.style.borderStyle = this.borderStyle;
|
|
48935
|
+
if (this.backgroundUrl) {
|
|
48936
|
+
div.style.backgroundSize = "cover";
|
|
48937
|
+
div.style.backgroundImage = `url(${this.backgroundUrl})`;
|
|
48938
|
+
}
|
|
48935
48939
|
return div;
|
|
48936
48940
|
}
|
|
48937
48941
|
}
|
package/dist/esm/index.js
CHANGED
|
@@ -48911,7 +48911,7 @@ class Screen extends BaseItem {
|
|
|
48911
48911
|
const ctx = context.ctx;
|
|
48912
48912
|
ctx.save();
|
|
48913
48913
|
this.transformation.matrix.applyToContext(ctx);
|
|
48914
|
-
ctx.drawImage(this.backgroundImage, 0, 0);
|
|
48914
|
+
ctx.drawImage(this.backgroundImage, 0, 0, this.getWidth(), this.getHeight());
|
|
48915
48915
|
ctx.restore();
|
|
48916
48916
|
}
|
|
48917
48917
|
this.path.render(context);
|
|
@@ -48925,6 +48925,10 @@ class Screen extends BaseItem {
|
|
|
48925
48925
|
div.style.borderColor = this.borderColor;
|
|
48926
48926
|
div.style.borderWidth = `${this.borderWidth}px`;
|
|
48927
48927
|
div.style.borderStyle = this.borderStyle;
|
|
48928
|
+
if (this.backgroundUrl) {
|
|
48929
|
+
div.style.backgroundSize = "cover";
|
|
48930
|
+
div.style.backgroundImage = `url(${this.backgroundUrl})`;
|
|
48931
|
+
}
|
|
48928
48932
|
return div;
|
|
48929
48933
|
}
|
|
48930
48934
|
}
|
package/dist/esm/node.js
CHANGED
|
@@ -51379,7 +51379,7 @@ class Screen extends BaseItem {
|
|
|
51379
51379
|
const ctx = context.ctx;
|
|
51380
51380
|
ctx.save();
|
|
51381
51381
|
this.transformation.matrix.applyToContext(ctx);
|
|
51382
|
-
ctx.drawImage(this.backgroundImage, 0, 0);
|
|
51382
|
+
ctx.drawImage(this.backgroundImage, 0, 0, this.getWidth(), this.getHeight());
|
|
51383
51383
|
ctx.restore();
|
|
51384
51384
|
}
|
|
51385
51385
|
this.path.render(context);
|
|
@@ -51393,6 +51393,10 @@ class Screen extends BaseItem {
|
|
|
51393
51393
|
div.style.borderColor = this.borderColor;
|
|
51394
51394
|
div.style.borderWidth = `${this.borderWidth}px`;
|
|
51395
51395
|
div.style.borderStyle = this.borderStyle;
|
|
51396
|
+
if (this.backgroundUrl) {
|
|
51397
|
+
div.style.backgroundSize = "cover";
|
|
51398
|
+
div.style.backgroundImage = `url(${this.backgroundUrl})`;
|
|
51399
|
+
}
|
|
51396
51400
|
return div;
|
|
51397
51401
|
}
|
|
51398
51402
|
}
|