@leapfrog/interactive-canvas 2.0.22-beta-5 → 2.0.22-beta-7
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.
|
@@ -2,7 +2,6 @@ import _, { round, each, values, reduce, clone, max, isEqual } from 'lodash';
|
|
|
2
2
|
import { BehaviorSubject, Subject } from 'rxjs';
|
|
3
3
|
import * as fabric from 'fabric';
|
|
4
4
|
import { JSDOM } from 'jsdom';
|
|
5
|
-
import { createCanvas } from 'canvas';
|
|
6
5
|
|
|
7
6
|
const PIXELS_PER_MM$2 = 3.937;
|
|
8
7
|
class MillimeterDimensions {
|
|
@@ -3489,13 +3488,8 @@ class AbstractInteractiveCanvas {
|
|
|
3489
3488
|
* @override
|
|
3490
3489
|
* @inheritDoc
|
|
3491
3490
|
*/
|
|
3492
|
-
createPNGStream(
|
|
3493
|
-
|
|
3494
|
-
format: "png",
|
|
3495
|
-
multiplier: multiplier || this.IMAGE_CAPTURE_COEFFICIENT,
|
|
3496
|
-
enableRetinaScaling: true
|
|
3497
|
-
};
|
|
3498
|
-
return this.fabricCanvas.toDataURL(options);
|
|
3491
|
+
createPNGStream() {
|
|
3492
|
+
return this.fabricCanvas.toDataURL();
|
|
3499
3493
|
}
|
|
3500
3494
|
/**
|
|
3501
3495
|
* @override
|
|
@@ -3740,6 +3734,7 @@ class SelectionData {
|
|
|
3740
3734
|
}
|
|
3741
3735
|
}
|
|
3742
3736
|
|
|
3737
|
+
//import { createCanvas, loadImage } from 'canvas';
|
|
3743
3738
|
class HeadlessInteractiveCanvas extends AbstractInteractiveCanvas {
|
|
3744
3739
|
constructor() {
|
|
3745
3740
|
let canvas;
|
|
@@ -3755,13 +3750,13 @@ class HeadlessInteractiveCanvas extends AbstractInteractiveCanvas {
|
|
|
3755
3750
|
global.window.cancelAnimationFrame = (id) => {
|
|
3756
3751
|
clearTimeout(id);
|
|
3757
3752
|
};
|
|
3758
|
-
const nodeCanvas = createCanvas(640, 480);
|
|
3759
|
-
canvas = new fabric.StaticCanvas(nodeCanvas);
|
|
3760
|
-
}
|
|
3761
|
-
else {
|
|
3762
|
-
canvas = new fabric.StaticCanvas(undefined, { width: 640, height: 480 });
|
|
3753
|
+
// const nodeCanvas = createCanvas(640, 480);
|
|
3754
|
+
// canvas = new fabric.StaticCanvas(nodeCanvas as unknown as HTMLCanvasElement) as Canvas;
|
|
3763
3755
|
}
|
|
3764
|
-
|
|
3756
|
+
//else {
|
|
3757
|
+
canvas = new fabric.StaticCanvas(undefined, { width: 640, height: 480 });
|
|
3758
|
+
// }
|
|
3759
|
+
super(fabric, canvas, 1);
|
|
3765
3760
|
this.headless = true;
|
|
3766
3761
|
}
|
|
3767
3762
|
/**
|
|
@@ -4,7 +4,6 @@ var _ = require('lodash');
|
|
|
4
4
|
var rxjs = require('rxjs');
|
|
5
5
|
var fabric = require('fabric');
|
|
6
6
|
var jsdom = require('jsdom');
|
|
7
|
-
var canvas = require('canvas');
|
|
8
7
|
|
|
9
8
|
function _interopNamespaceDefault(e) {
|
|
10
9
|
var n = Object.create(null);
|
|
@@ -3510,13 +3509,8 @@ class AbstractInteractiveCanvas {
|
|
|
3510
3509
|
* @override
|
|
3511
3510
|
* @inheritDoc
|
|
3512
3511
|
*/
|
|
3513
|
-
createPNGStream(
|
|
3514
|
-
|
|
3515
|
-
format: "png",
|
|
3516
|
-
multiplier: multiplier || this.IMAGE_CAPTURE_COEFFICIENT,
|
|
3517
|
-
enableRetinaScaling: true
|
|
3518
|
-
};
|
|
3519
|
-
return this.fabricCanvas.toDataURL(options);
|
|
3512
|
+
createPNGStream() {
|
|
3513
|
+
return this.fabricCanvas.toDataURL();
|
|
3520
3514
|
}
|
|
3521
3515
|
/**
|
|
3522
3516
|
* @override
|
|
@@ -3761,9 +3755,10 @@ class SelectionData {
|
|
|
3761
3755
|
}
|
|
3762
3756
|
}
|
|
3763
3757
|
|
|
3758
|
+
//import { createCanvas, loadImage } from 'canvas';
|
|
3764
3759
|
class HeadlessInteractiveCanvas extends AbstractInteractiveCanvas {
|
|
3765
3760
|
constructor() {
|
|
3766
|
-
let canvas
|
|
3761
|
+
let canvas;
|
|
3767
3762
|
if (typeof window === "undefined") {
|
|
3768
3763
|
const { window } = new jsdom.JSDOM('<!DOCTYPE html><html><body></body></html>');
|
|
3769
3764
|
global.window = window;
|
|
@@ -3776,13 +3771,13 @@ class HeadlessInteractiveCanvas extends AbstractInteractiveCanvas {
|
|
|
3776
3771
|
global.window.cancelAnimationFrame = (id) => {
|
|
3777
3772
|
clearTimeout(id);
|
|
3778
3773
|
};
|
|
3779
|
-
const nodeCanvas =
|
|
3780
|
-
canvas
|
|
3781
|
-
}
|
|
3782
|
-
else {
|
|
3783
|
-
canvas$1 = new fabric__namespace.StaticCanvas(undefined, { width: 640, height: 480 });
|
|
3774
|
+
// const nodeCanvas = createCanvas(640, 480);
|
|
3775
|
+
// canvas = new fabric.StaticCanvas(nodeCanvas as unknown as HTMLCanvasElement) as Canvas;
|
|
3784
3776
|
}
|
|
3785
|
-
|
|
3777
|
+
//else {
|
|
3778
|
+
canvas = new fabric__namespace.StaticCanvas(undefined, { width: 640, height: 480 });
|
|
3779
|
+
// }
|
|
3780
|
+
super(fabric__namespace, canvas, 1);
|
|
3786
3781
|
this.headless = true;
|
|
3787
3782
|
}
|
|
3788
3783
|
/**
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@leapfrog/interactive-canvas",
|
|
3
|
-
"version": "2.0.22-beta-
|
|
3
|
+
"version": "2.0.22-beta-7",
|
|
4
4
|
"description": "Leapfrog interactive canvas",
|
|
5
5
|
"files": [
|
|
6
6
|
"dist"
|
|
@@ -19,7 +19,6 @@
|
|
|
19
19
|
"typescript": "^6.0.3"
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"canvas": "^3.2.3",
|
|
23
22
|
"fabric": "^7.2.0",
|
|
24
23
|
"jsdom": "^29.0.2",
|
|
25
24
|
"lodash": "^4.18.1",
|