@leapfrog/interactive-canvas 2.0.15-beta-0 → 2.0.15-beta-1
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.
|
@@ -2422,7 +2422,6 @@ var Text = /** @class */ (function (_super) {
|
|
|
2422
2422
|
var fabric = this.canvas.fabric;
|
|
2423
2423
|
this.fabricObject["_render"] = function (ctx) {
|
|
2424
2424
|
var fabricText = this;
|
|
2425
|
-
console.log('fabricText 123', fabricText);
|
|
2426
2425
|
if (fabricText["_bullets"]) {
|
|
2427
2426
|
// Determine list of active bullets
|
|
2428
2427
|
var currentBullets_1 = fabricText["_bullets"];
|
|
@@ -2462,12 +2461,14 @@ var Text = /** @class */ (function (_super) {
|
|
|
2462
2461
|
var canvasDirty_1 = false;
|
|
2463
2462
|
canvas_1.renderOnAddRemove = false;
|
|
2464
2463
|
_.each(activeBullets_1, function (bullet) {
|
|
2464
|
+
console.log("activeBullet", bullet);
|
|
2465
2465
|
if (!canvas_1.contains(bullet)) {
|
|
2466
2466
|
canvas_1.add(bullet);
|
|
2467
2467
|
canvasDirty_1 = true;
|
|
2468
2468
|
}
|
|
2469
2469
|
});
|
|
2470
2470
|
_.each(currentBullets_1, function (bullet, key) {
|
|
2471
|
+
console.log("currentBullet", bullet);
|
|
2471
2472
|
if (!activeBullets_1[key]) {
|
|
2472
2473
|
canvas_1.remove(bullet);
|
|
2473
2474
|
canvasDirty_1 = true;
|
|
@@ -2517,6 +2518,7 @@ var Text = /** @class */ (function (_super) {
|
|
|
2517
2518
|
var canvasDirty_2 = false;
|
|
2518
2519
|
canvas_2.renderOnAddRemove = false;
|
|
2519
2520
|
_.each(activeMarkers_1, function (marker) {
|
|
2521
|
+
console.log("activeMarkers", marker);
|
|
2520
2522
|
if (!marker)
|
|
2521
2523
|
return;
|
|
2522
2524
|
if (!canvas_2.contains(marker)) {
|
|
@@ -2525,6 +2527,7 @@ var Text = /** @class */ (function (_super) {
|
|
|
2525
2527
|
}
|
|
2526
2528
|
});
|
|
2527
2529
|
_.each(existingMarkers_1, function (marker, key) {
|
|
2530
|
+
console.log("existingMarkers", marker);
|
|
2528
2531
|
if (!marker)
|
|
2529
2532
|
return;
|
|
2530
2533
|
if (!activeMarkers_1[key]) {
|
|
@@ -2833,7 +2836,6 @@ var AbstractInteractiveCanvas = /** @class */ (function () {
|
|
|
2833
2836
|
this.devicePixelRatio = devicePixelRatio;
|
|
2834
2837
|
this.fontLibrary = new FontLibrary();
|
|
2835
2838
|
this.dimensionChangeRejections$ = new Subject();
|
|
2836
|
-
console.log(" **** Hello world");
|
|
2837
2839
|
this.IMAGE_CAPTURE_COEFFICIENT = this.calculateImageCaptureCoefficient();
|
|
2838
2840
|
/**
|
|
2839
2841
|
* Fabric defaults to only 2 decimal places when saving, which causes havoc on the scaling of large images.
|
|
@@ -3525,7 +3527,6 @@ var AbstractInteractiveCanvas = /** @class */ (function () {
|
|
|
3525
3527
|
if (!(canvasState.canvasJson != undefined)) return [3 /*break*/, 2];
|
|
3526
3528
|
json_1 = JSON.parse(canvasState.canvasJson);
|
|
3527
3529
|
return [4 /*yield*/, new Promise(function (resolve) {
|
|
3528
|
-
console.log('resolve', resolve);
|
|
3529
3530
|
_this.fabricCanvas.loadFromJSON(json_1, function () { return resolve(); });
|
|
3530
3531
|
})];
|
|
3531
3532
|
case 1:
|
|
@@ -3592,7 +3593,7 @@ var AbstractInteractiveCanvas = /** @class */ (function () {
|
|
|
3592
3593
|
*/
|
|
3593
3594
|
AbstractInteractiveCanvas.prototype.toImage = function (multiplier) {
|
|
3594
3595
|
var _this = this;
|
|
3595
|
-
console.log("Multiplier in interactive canvas
|
|
3596
|
+
console.log("Multiplier in interactive canvas : %s", multiplier);
|
|
3596
3597
|
var activeObject = this.fabricCanvas.getActiveObject();
|
|
3597
3598
|
this.fabricCanvas.discardActiveObject().renderAll();
|
|
3598
3599
|
var options = {
|
|
@@ -2430,7 +2430,6 @@ var Text = /** @class */ (function (_super) {
|
|
|
2430
2430
|
var fabric = this.canvas.fabric;
|
|
2431
2431
|
this.fabricObject["_render"] = function (ctx) {
|
|
2432
2432
|
var fabricText = this;
|
|
2433
|
-
console.log('fabricText 123', fabricText);
|
|
2434
2433
|
if (fabricText["_bullets"]) {
|
|
2435
2434
|
// Determine list of active bullets
|
|
2436
2435
|
var currentBullets_1 = fabricText["_bullets"];
|
|
@@ -2470,12 +2469,14 @@ var Text = /** @class */ (function (_super) {
|
|
|
2470
2469
|
var canvasDirty_1 = false;
|
|
2471
2470
|
canvas_1.renderOnAddRemove = false;
|
|
2472
2471
|
___default["default"].each(activeBullets_1, function (bullet) {
|
|
2472
|
+
console.log("activeBullet", bullet);
|
|
2473
2473
|
if (!canvas_1.contains(bullet)) {
|
|
2474
2474
|
canvas_1.add(bullet);
|
|
2475
2475
|
canvasDirty_1 = true;
|
|
2476
2476
|
}
|
|
2477
2477
|
});
|
|
2478
2478
|
___default["default"].each(currentBullets_1, function (bullet, key) {
|
|
2479
|
+
console.log("currentBullet", bullet);
|
|
2479
2480
|
if (!activeBullets_1[key]) {
|
|
2480
2481
|
canvas_1.remove(bullet);
|
|
2481
2482
|
canvasDirty_1 = true;
|
|
@@ -2525,6 +2526,7 @@ var Text = /** @class */ (function (_super) {
|
|
|
2525
2526
|
var canvasDirty_2 = false;
|
|
2526
2527
|
canvas_2.renderOnAddRemove = false;
|
|
2527
2528
|
___default["default"].each(activeMarkers_1, function (marker) {
|
|
2529
|
+
console.log("activeMarkers", marker);
|
|
2528
2530
|
if (!marker)
|
|
2529
2531
|
return;
|
|
2530
2532
|
if (!canvas_2.contains(marker)) {
|
|
@@ -2533,6 +2535,7 @@ var Text = /** @class */ (function (_super) {
|
|
|
2533
2535
|
}
|
|
2534
2536
|
});
|
|
2535
2537
|
___default["default"].each(existingMarkers_1, function (marker, key) {
|
|
2538
|
+
console.log("existingMarkers", marker);
|
|
2536
2539
|
if (!marker)
|
|
2537
2540
|
return;
|
|
2538
2541
|
if (!activeMarkers_1[key]) {
|
|
@@ -2841,7 +2844,6 @@ var AbstractInteractiveCanvas = /** @class */ (function () {
|
|
|
2841
2844
|
this.devicePixelRatio = devicePixelRatio;
|
|
2842
2845
|
this.fontLibrary = new FontLibrary();
|
|
2843
2846
|
this.dimensionChangeRejections$ = new rxjs.Subject();
|
|
2844
|
-
console.log(" **** Hello world");
|
|
2845
2847
|
this.IMAGE_CAPTURE_COEFFICIENT = this.calculateImageCaptureCoefficient();
|
|
2846
2848
|
/**
|
|
2847
2849
|
* Fabric defaults to only 2 decimal places when saving, which causes havoc on the scaling of large images.
|
|
@@ -3533,7 +3535,6 @@ var AbstractInteractiveCanvas = /** @class */ (function () {
|
|
|
3533
3535
|
if (!(canvasState.canvasJson != undefined)) return [3 /*break*/, 2];
|
|
3534
3536
|
json_1 = JSON.parse(canvasState.canvasJson);
|
|
3535
3537
|
return [4 /*yield*/, new Promise(function (resolve) {
|
|
3536
|
-
console.log('resolve', resolve);
|
|
3537
3538
|
_this.fabricCanvas.loadFromJSON(json_1, function () { return resolve(); });
|
|
3538
3539
|
})];
|
|
3539
3540
|
case 1:
|
|
@@ -3600,7 +3601,7 @@ var AbstractInteractiveCanvas = /** @class */ (function () {
|
|
|
3600
3601
|
*/
|
|
3601
3602
|
AbstractInteractiveCanvas.prototype.toImage = function (multiplier) {
|
|
3602
3603
|
var _this = this;
|
|
3603
|
-
console.log("Multiplier in interactive canvas
|
|
3604
|
+
console.log("Multiplier in interactive canvas : %s", multiplier);
|
|
3604
3605
|
var activeObject = this.fabricCanvas.getActiveObject();
|
|
3605
3606
|
this.fabricCanvas.discardActiveObject().renderAll();
|
|
3606
3607
|
var options = {
|