customized-fabric 1.0.6 → 1.0.8
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/lib/index.d.ts +2 -2
- package/lib/index.js +3 -1
- package/lib/utils/index.d.ts +1 -0
- package/lib/utils/index.js +11 -1
- package/package.json +1 -1
package/lib/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import TextInput from "./TextInputObject";
|
|
2
2
|
import Clipart from "./ClipartObject";
|
|
3
3
|
import ImagePlaceholder from "./ImagePlaceholderObject";
|
|
4
|
-
import fabric, { lockObject, lockAllObjects, getObject } from "./utils";
|
|
4
|
+
import fabric, { lockObject, lockAllObjects, loadImageFromFile, loadImageFromUrl, getObject } from "./utils";
|
|
5
5
|
import { OBJECT_TYPES } from "./constants";
|
|
6
|
-
export { fabric, TextInput, Clipart, ImagePlaceholder, lockObject, lockAllObjects, getObject, OBJECT_TYPES, };
|
|
6
|
+
export { fabric, TextInput, Clipart, ImagePlaceholder, lockObject, lockAllObjects, loadImageFromFile, loadImageFromUrl, getObject, OBJECT_TYPES, };
|
package/lib/index.js
CHANGED
|
@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
26
26
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
27
|
};
|
|
28
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
-
exports.OBJECT_TYPES = exports.getObject = exports.lockAllObjects = exports.lockObject = exports.ImagePlaceholder = exports.Clipart = exports.TextInput = exports.fabric = void 0;
|
|
29
|
+
exports.OBJECT_TYPES = exports.getObject = exports.loadImageFromUrl = exports.loadImageFromFile = exports.lockAllObjects = exports.lockObject = exports.ImagePlaceholder = exports.Clipart = exports.TextInput = exports.fabric = void 0;
|
|
30
30
|
const TextInputObject_1 = __importDefault(require("./TextInputObject"));
|
|
31
31
|
exports.TextInput = TextInputObject_1.default;
|
|
32
32
|
const ClipartObject_1 = __importDefault(require("./ClipartObject"));
|
|
@@ -37,6 +37,8 @@ const utils_1 = __importStar(require("./utils"));
|
|
|
37
37
|
exports.fabric = utils_1.default;
|
|
38
38
|
Object.defineProperty(exports, "lockObject", { enumerable: true, get: function () { return utils_1.lockObject; } });
|
|
39
39
|
Object.defineProperty(exports, "lockAllObjects", { enumerable: true, get: function () { return utils_1.lockAllObjects; } });
|
|
40
|
+
Object.defineProperty(exports, "loadImageFromFile", { enumerable: true, get: function () { return utils_1.loadImageFromFile; } });
|
|
41
|
+
Object.defineProperty(exports, "loadImageFromUrl", { enumerable: true, get: function () { return utils_1.loadImageFromUrl; } });
|
|
40
42
|
Object.defineProperty(exports, "getObject", { enumerable: true, get: function () { return utils_1.getObject; } });
|
|
41
43
|
const constants_1 = require("./constants");
|
|
42
44
|
Object.defineProperty(exports, "OBJECT_TYPES", { enumerable: true, get: function () { return constants_1.OBJECT_TYPES; } });
|
package/lib/utils/index.d.ts
CHANGED
|
@@ -5,6 +5,7 @@ import TextInput from "../TextInputObject";
|
|
|
5
5
|
export declare const loadFontFromUrl: (name: string, url: string) => Promise<void>;
|
|
6
6
|
export declare const isFontLoaded: (name: string) => boolean;
|
|
7
7
|
export declare const loadImageFromFile: (image: File) => Promise<fabric.Image>;
|
|
8
|
+
export declare const loadImageFromUrl: (url: string) => Promise<fabric.Image>;
|
|
8
9
|
export declare const lockObject: (object: fabric.Object | any, locked: boolean, selectable?: boolean) => void;
|
|
9
10
|
export declare const lockAllObjects: (canvas: fabric.Canvas, locked: boolean) => void;
|
|
10
11
|
export declare const getObject: (object: any, options?: {
|
package/lib/utils/index.js
CHANGED
|
@@ -23,7 +23,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
23
23
|
return result;
|
|
24
24
|
};
|
|
25
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
-
exports.getObject = exports.lockAllObjects = exports.lockObject = exports.loadImageFromFile = exports.isFontLoaded = exports.loadFontFromUrl = void 0;
|
|
26
|
+
exports.getObject = exports.lockAllObjects = exports.lockObject = exports.loadImageFromUrl = exports.loadImageFromFile = exports.isFontLoaded = exports.loadFontFromUrl = void 0;
|
|
27
27
|
const fabric_1 = require("fabric");
|
|
28
28
|
const constants_1 = require("../constants");
|
|
29
29
|
const ClipartObject_1 = __importStar(require("../ClipartObject"));
|
|
@@ -61,6 +61,16 @@ const loadImageFromFile = (image) => {
|
|
|
61
61
|
});
|
|
62
62
|
};
|
|
63
63
|
exports.loadImageFromFile = loadImageFromFile;
|
|
64
|
+
const loadImageFromUrl = (url) => {
|
|
65
|
+
return new Promise((resolve) => {
|
|
66
|
+
fabric_1.fabric.Image.fromURL(url, (loadedImage) => {
|
|
67
|
+
resolve(loadedImage);
|
|
68
|
+
}, {
|
|
69
|
+
crossOrigin: "anonymous",
|
|
70
|
+
});
|
|
71
|
+
});
|
|
72
|
+
};
|
|
73
|
+
exports.loadImageFromUrl = loadImageFromUrl;
|
|
64
74
|
const lockObject = (object, locked, selectable) => {
|
|
65
75
|
object.set({
|
|
66
76
|
hasControls: !locked,
|