ol 10.6.2-dev.1761595836350 → 10.6.2-dev.1761658982871
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/DataTile.d.ts +2 -2
- package/DataTile.d.ts.map +1 -1
- package/DataTile.js +2 -2
- package/ImageCanvas.d.ts +5 -5
- package/ImageCanvas.d.ts.map +1 -1
- package/ImageCanvas.js +3 -3
- package/ImageTile.d.ts +11 -6
- package/ImageTile.d.ts.map +1 -1
- package/ImageTile.js +31 -11
- package/Map.d.ts +5 -8
- package/Map.d.ts.map +1 -1
- package/Map.js +137 -110
- package/VectorRenderTile.d.ts +5 -5
- package/VectorRenderTile.d.ts.map +1 -1
- package/VectorRenderTile.js +4 -4
- package/dist/ol.d.ts +6 -0
- package/dist/ol.d.ts.map +1 -1
- package/dist/ol.js +1 -1
- package/dist/ol.js.map +1 -1
- package/dom.d.ts +17 -7
- package/dom.d.ts.map +1 -1
- package/dom.js +81 -8
- package/layer/Heatmap.d.ts +1 -1
- package/layer/Heatmap.js +2 -2
- package/package.json +1 -1
- package/render/Event.d.ts +4 -4
- package/render/Event.d.ts.map +1 -1
- package/render/Event.js +2 -2
- package/render/canvas/Executor.d.ts +8 -8
- package/render/canvas/Executor.d.ts.map +1 -1
- package/render/canvas/Executor.js +6 -6
- package/render/canvas/ExecutorGroup.d.ts +7 -7
- package/render/canvas/ExecutorGroup.d.ts.map +1 -1
- package/render/canvas/ExecutorGroup.js +4 -4
- package/render/canvas/Immediate.d.ts +3 -3
- package/render/canvas/Immediate.d.ts.map +1 -1
- package/render/canvas/Immediate.js +2 -2
- package/render/canvas/ZIndexContext.d.ts +5 -5
- package/render/canvas/ZIndexContext.d.ts.map +1 -1
- package/render/canvas/ZIndexContext.js +2 -2
- package/render/canvas.js +2 -2
- package/renderer/Composite.d.ts.map +1 -1
- package/renderer/Composite.js +48 -3
- package/renderer/canvas/ImageLayer.d.ts.map +1 -1
- package/renderer/canvas/ImageLayer.js +0 -1
- package/renderer/canvas/Layer.d.ts +13 -11
- package/renderer/canvas/Layer.d.ts.map +1 -1
- package/renderer/canvas/Layer.js +23 -14
- package/renderer/canvas/TileLayer.d.ts +4 -4
- package/renderer/canvas/TileLayer.d.ts.map +1 -1
- package/renderer/canvas/TileLayer.js +4 -3
- package/renderer/canvas/VectorLayer.d.ts +1 -1
- package/renderer/canvas/VectorLayer.js +1 -1
- package/renderer/canvas/VectorTileLayer.js +1 -1
- package/reproj/Image.d.ts +3 -3
- package/reproj/Image.d.ts.map +1 -1
- package/reproj/Image.js +2 -2
- package/reproj/Tile.d.ts +3 -3
- package/reproj/Tile.d.ts.map +1 -1
- package/reproj/Tile.js +7 -3
- package/reproj.d.ts +4 -4
- package/reproj.d.ts.map +1 -1
- package/reproj.js +3 -3
- package/source/OSM.d.ts.map +1 -1
- package/source/OSM.js +3 -1
- package/source/Raster.d.ts.map +1 -1
- package/source/Raster.js +5 -2
- package/source/TileImage.d.ts.map +1 -1
- package/source/TileImage.js +47 -0
- package/source/Zoomify.d.ts +1 -1
- package/source/Zoomify.js +2 -2
- package/style/Icon.d.ts +5 -5
- package/style/Icon.d.ts.map +1 -1
- package/style/Icon.js +3 -3
- package/style/IconImage.d.ts +11 -11
- package/style/IconImage.d.ts.map +1 -1
- package/style/IconImage.js +8 -8
- package/style/RegularShape.d.ts +9 -9
- package/style/RegularShape.d.ts.map +1 -1
- package/style/RegularShape.js +8 -8
- package/transform.d.ts +6 -0
- package/transform.d.ts.map +1 -1
- package/transform.js +1 -1
- package/util.js +1 -1
- package/webgl/TileTexture.js +1 -1
package/source/Raster.js
CHANGED
|
@@ -832,7 +832,10 @@ class RasterSource extends ImageSource {
|
|
|
832
832
|
|
|
833
833
|
let context;
|
|
834
834
|
if (this.renderedImageCanvas_) {
|
|
835
|
-
context =
|
|
835
|
+
context =
|
|
836
|
+
/** @type {CanvasRenderingContext2D|OffscreenCanvasRenderingContext2D} */ (
|
|
837
|
+
this.renderedImageCanvas_.getImage().getContext('2d')
|
|
838
|
+
);
|
|
836
839
|
} else {
|
|
837
840
|
const width = Math.round(getWidth(extent) / resolution);
|
|
838
841
|
const height = Math.round(getHeight(extent) / resolution);
|
|
@@ -900,7 +903,7 @@ RasterSource.prototype.dispose;
|
|
|
900
903
|
|
|
901
904
|
/**
|
|
902
905
|
* A reusable canvas context.
|
|
903
|
-
* @type {CanvasRenderingContext2D}
|
|
906
|
+
* @type {CanvasRenderingContext2D|OffscreenCanvasRenderingContext2D}
|
|
904
907
|
* @private
|
|
905
908
|
*/
|
|
906
909
|
let sharedContext = null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TileImage.d.ts","sourceRoot":"","sources":["TileImage.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TileImage.d.ts","sourceRoot":"","sources":["TileImage.js"],"names":[],"mappings":"AAuTA;;;GAGG;AACH,mDAHW,SAAS,OACT,MAAM,QAmDhB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBArVa,OAAO,YAAY,EAAE,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBApB3B,iBAAiB;AAUvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AAEH;;;;;GAKG;AACH;IACE;;OAEG;IACH,qBAFY,OAAO,EAwDlB;IA/BC;;;OAGG;IACH,uBAFW,MAAM,OAAA,CAG+C;IAEhE;;;OAGG;IACH,qBAFU,OAAO,SAAS,CAGuC;IAEjE;;;OAGG;IACH,iCAFU;YAAQ,MAAM,GAAE,OAAO,yBAAyB,EAAE,OAAO;KAAC,CAErC;IAE/B;;;OAGG;IACH,oCAAqE;IAErE;;;OAGG;IACH,iCAAqC;IAmBvC;;OAEG;IACH,aAFY,MAAM,CAIjB;IAiCD;;;;;;;;;OASG;IACH,oBAoBC;IAED;;;;;;;;OAQG;IACH,oBARW,MAAM,KACN,MAAM,KACN,MAAM,cACN,MAAM,cACN,OAAO,uBAAuB,EAAE,OAAO,GACtC,CAAE,SAAS,GAAC,UAAU,CAAC,CA2ClC;IAED;;;;;;;;OAQG;IACH,6BARW,MAAM,KACN,MAAM,KACN,MAAM,cACN,MAAM,cACN,OAAQ,uBAAuB,EAAE,OAAO,GACtC,SAAS,CAMrB;IAED;;;;OAIG;IACH,mCAHW,OAAO,QASjB;IAED;;;;;;;;;;;OAWG;IACH,qCAJW,OAAO,YAAY,EAAE,cAAc,YACnC,OAAO,yBAAyB,EAAE,OAAO,QAWnD;CACF;oBA1SmB,cAAc;uBAHX,mBAAmB"}
|
package/source/TileImage.js
CHANGED
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
import ImageTile from '../ImageTile.js';
|
|
5
5
|
import TileState from '../TileState.js';
|
|
6
6
|
import EventType from '../events/EventType.js';
|
|
7
|
+
import {WORKER_OFFSCREEN_CANVAS} from '../has.js';
|
|
7
8
|
import {equivalent, get as getProjection} from '../proj.js';
|
|
8
9
|
import ReprojTile from '../reproj/Tile.js';
|
|
9
10
|
import {getForProjection as getTileGridForProjection} from '../tilegrid.js';
|
|
@@ -313,6 +314,52 @@ class TileImage extends UrlTile {
|
|
|
313
314
|
* @param {string} src Source.
|
|
314
315
|
*/
|
|
315
316
|
export function defaultTileLoadFunction(imageTile, src) {
|
|
317
|
+
if (WORKER_OFFSCREEN_CANVAS) {
|
|
318
|
+
// special treatment for offscreen canvas
|
|
319
|
+
const crossOrigin = imageTile.getCrossOrigin();
|
|
320
|
+
|
|
321
|
+
/** @type {RequestMode} */
|
|
322
|
+
let mode = 'same-origin';
|
|
323
|
+
/** @type {RequestCredentials} */
|
|
324
|
+
let credentials = 'same-origin';
|
|
325
|
+
if (crossOrigin === 'anonymous' || crossOrigin === '') {
|
|
326
|
+
mode = 'cors';
|
|
327
|
+
credentials = 'omit';
|
|
328
|
+
} else if (crossOrigin === 'use-credentials') {
|
|
329
|
+
mode = 'cors';
|
|
330
|
+
credentials = 'include';
|
|
331
|
+
}
|
|
332
|
+
|
|
333
|
+
fetch(src, {
|
|
334
|
+
mode,
|
|
335
|
+
credentials,
|
|
336
|
+
})
|
|
337
|
+
.then((response) => {
|
|
338
|
+
if (!response.ok) {
|
|
339
|
+
throw new Error(`HTTP ${response.status}`);
|
|
340
|
+
}
|
|
341
|
+
return response.blob();
|
|
342
|
+
})
|
|
343
|
+
.then((blob) => {
|
|
344
|
+
return createImageBitmap(blob);
|
|
345
|
+
})
|
|
346
|
+
.then((imageBitmap) => {
|
|
347
|
+
const canvas = imageTile.getImage();
|
|
348
|
+
canvas.width = imageBitmap.width;
|
|
349
|
+
canvas.height = imageBitmap.height;
|
|
350
|
+
const ctx = /** @type {OffscreenCanvas} */ (canvas).getContext('2d');
|
|
351
|
+
ctx.drawImage(imageBitmap, 0, 0);
|
|
352
|
+
imageBitmap.close?.();
|
|
353
|
+
// mock the image 'load' event
|
|
354
|
+
canvas.dispatchEvent(new Event('load'));
|
|
355
|
+
})
|
|
356
|
+
.catch(() => {
|
|
357
|
+
const canvas = imageTile.getImage();
|
|
358
|
+
canvas.dispatchEvent(new Event('error'));
|
|
359
|
+
});
|
|
360
|
+
return;
|
|
361
|
+
}
|
|
362
|
+
|
|
316
363
|
/** @type {HTMLImageElement|HTMLVideoElement} */ (imageTile.getImage()).src =
|
|
317
364
|
src;
|
|
318
365
|
}
|
package/source/Zoomify.d.ts
CHANGED
|
@@ -14,7 +14,7 @@ export class CustomTile extends ImageTile {
|
|
|
14
14
|
constructor(tileSize: import("../size.js").Size, tileCoord: import("../tilecoord.js").TileCoord, state: any, src: string, crossOrigin: string | null, tileLoadFunction: import("../Tile.js").LoadFunction, options?: import("../Tile.js").Options);
|
|
15
15
|
/**
|
|
16
16
|
* @private
|
|
17
|
-
* @type {HTMLCanvasElement|HTMLImageElement|HTMLVideoElement}
|
|
17
|
+
* @type {HTMLCanvasElement|OffscreenCanvas|HTMLImageElement|HTMLVideoElement}
|
|
18
18
|
*/
|
|
19
19
|
private zoomifyImage_;
|
|
20
20
|
/**
|
package/source/Zoomify.js
CHANGED
|
@@ -40,7 +40,7 @@ export class CustomTile extends ImageTile {
|
|
|
40
40
|
|
|
41
41
|
/**
|
|
42
42
|
* @private
|
|
43
|
-
* @type {HTMLCanvasElement|HTMLImageElement|HTMLVideoElement}
|
|
43
|
+
* @type {HTMLCanvasElement|OffscreenCanvas|HTMLImageElement|HTMLVideoElement}
|
|
44
44
|
*/
|
|
45
45
|
this.zoomifyImage_ = null;
|
|
46
46
|
|
|
@@ -53,7 +53,7 @@ export class CustomTile extends ImageTile {
|
|
|
53
53
|
|
|
54
54
|
/**
|
|
55
55
|
* Get the image element for this tile.
|
|
56
|
-
* @return {HTMLCanvasElement|HTMLImageElement|HTMLVideoElement} Image.
|
|
56
|
+
* @return {HTMLCanvasElement|OffscreenCanvas|HTMLImageElement|HTMLVideoElement} Image.
|
|
57
57
|
* @override
|
|
58
58
|
*/
|
|
59
59
|
getImage() {
|
package/style/Icon.d.ts
CHANGED
|
@@ -43,7 +43,7 @@ export type Options = {
|
|
|
43
43
|
/**
|
|
44
44
|
* Image object for the icon.
|
|
45
45
|
*/
|
|
46
|
-
img?: HTMLCanvasElement | HTMLImageElement | ImageBitmap | undefined;
|
|
46
|
+
img?: HTMLCanvasElement | OffscreenCanvas | HTMLImageElement | ImageBitmap | undefined;
|
|
47
47
|
/**
|
|
48
48
|
* Displacement of the icon in pixels.
|
|
49
49
|
* Positive values will shift the icon right and up.
|
|
@@ -192,17 +192,17 @@ declare class Icon extends ImageStyle {
|
|
|
192
192
|
/**
|
|
193
193
|
* Get the image icon.
|
|
194
194
|
* @param {number} pixelRatio Pixel ratio.
|
|
195
|
-
* @return {HTMLImageElement|HTMLCanvasElement|ImageBitmap} Image or Canvas element. If the Icon
|
|
195
|
+
* @return {HTMLImageElement|HTMLCanvasElement|OffscreenCanvas|ImageBitmap} Image or Canvas element. If the Icon
|
|
196
196
|
* style was configured with `src` or with a not let loaded `img`, an `ImageBitmap` will be returned.
|
|
197
197
|
* @api
|
|
198
198
|
* @override
|
|
199
199
|
*/
|
|
200
|
-
override getImage(pixelRatio: number): HTMLImageElement | HTMLCanvasElement | ImageBitmap;
|
|
200
|
+
override getImage(pixelRatio: number): HTMLImageElement | HTMLCanvasElement | OffscreenCanvas | ImageBitmap;
|
|
201
201
|
/**
|
|
202
|
-
* @return {HTMLImageElement|HTMLCanvasElement|ImageBitmap} Image element.
|
|
202
|
+
* @return {HTMLImageElement|HTMLCanvasElement|OffscreenCanvas|ImageBitmap} Image element.
|
|
203
203
|
* @override
|
|
204
204
|
*/
|
|
205
|
-
override getHitDetectionImage(): HTMLImageElement | HTMLCanvasElement | ImageBitmap;
|
|
205
|
+
override getHitDetectionImage(): HTMLImageElement | HTMLCanvasElement | OffscreenCanvas | ImageBitmap;
|
|
206
206
|
/**
|
|
207
207
|
* Get the image URL.
|
|
208
208
|
* @return {string|undefined} Image src.
|
package/style/Icon.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["Icon.js"],"names":[],"mappings":";;;;8BAYa,UAAU,GAAG,QAAQ;;;;yBAKrB,aAAa,GAAG,cAAc,GAAG,UAAU,GAAG,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2DtE;;;;GAIG;AACH;IACE;;OAEG;IACH,sBAFW,OAAO,EA0MjB;IAtKC;;;OAGG;IACH,gBAAyE;IAEzE;;;OAGG;IACH,0BAA6B;IAE7B;;;OAGG;IACH,sBACwE;IAExE;;;OAGG;IACH,sBACwE;IAExE;;;OAGG;IACH,sBACwE;IAExE;;;OAGG;IACH,qBACgE;IA0ChE;;;OAGG;IACH,eAAyE;IAEzE;;;OAGG;IACH,mBAMC;IAED;;;OAGG;IACH,gBAAqE;IACrE;;;OAGG;IACH,sBACwE;IAExE;;;OAGG;IACH,gBAAmB;IAEnB;;;OAGG;IACH,cAA6D;IAoBvD,qCAA8B;IA4BtC;;;;;OAKG;IACH,kBAJY,IAAI,CAoCf;IA8DD;;;;;;OAMG;IACH,kBAHW,KAAK,CAAC,MAAM,CAAC,QAMvB;IAED;;;;OAIG;IACH,YAHY,OAAO,aAAa,EAAE,KAAK,CAKtC;IAED;;;;;;;OAOG;IACH,8BANW,MAAM,GACL,gBAAgB,GAAC,iBAAiB,GAAC,WAAW,
|
|
1
|
+
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["Icon.js"],"names":[],"mappings":";;;;8BAYa,UAAU,GAAG,QAAQ;;;;yBAKrB,aAAa,GAAG,cAAc,GAAG,UAAU,GAAG,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2DtE;;;;GAIG;AACH;IACE;;OAEG;IACH,sBAFW,OAAO,EA0MjB;IAtKC;;;OAGG;IACH,gBAAyE;IAEzE;;;OAGG;IACH,0BAA6B;IAE7B;;;OAGG;IACH,sBACwE;IAExE;;;OAGG;IACH,sBACwE;IAExE;;;OAGG;IACH,sBACwE;IAExE;;;OAGG;IACH,qBACgE;IA0ChE;;;OAGG;IACH,eAAyE;IAEzE;;;OAGG;IACH,mBAMC;IAED;;;OAGG;IACH,gBAAqE;IACrE;;;OAGG;IACH,sBACwE;IAExE;;;OAGG;IACH,gBAAmB;IAEnB;;;OAGG;IACH,cAA6D;IAoBvD,qCAA8B;IA4BtC;;;;;OAKG;IACH,kBAJY,IAAI,CAoCf;IA8DD;;;;;;OAMG;IACH,kBAHW,KAAK,CAAC,MAAM,CAAC,QAMvB;IAED;;;;OAIG;IACH,YAHY,OAAO,aAAa,EAAE,KAAK,CAKtC;IAED;;;;;;;OAOG;IACH,8BANW,MAAM,GACL,gBAAgB,GAAC,iBAAiB,GAAC,eAAe,GAAC,WAAW,CAOzE;IA6BD;;;OAGG;IACH,iCAHY,gBAAgB,GAAC,iBAAiB,GAAC,eAAe,GAAC,WAAW,CAKzE;IAsCD;;;;OAIG;IACH,UAHY,MAAM,GAAC,SAAS,CAK3B;IAED;;;;OAIG;IACH,YAHW,MAAM,QAWhB;IAYD;;;;OAIG;IACH,YAHY,MAAM,CAYjB;IAED;;;;OAIG;IACH,aAHY,MAAM,CAYjB;CAgDF;uBAllBsB,YAAY"}
|
package/style/Icon.js
CHANGED
|
@@ -35,7 +35,7 @@ import ImageStyle from './Image.js';
|
|
|
35
35
|
* @property {null|string} [crossOrigin] The `crossOrigin` attribute for loaded images. Note that you must provide a
|
|
36
36
|
* `crossOrigin` value if you want to access pixel data with the Canvas renderer.
|
|
37
37
|
* See https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_enabled_image for more detail.
|
|
38
|
-
* @property {HTMLImageElement|HTMLCanvasElement|ImageBitmap} [img] Image object for the icon.
|
|
38
|
+
* @property {HTMLImageElement|HTMLCanvasElement|OffscreenCanvas|ImageBitmap} [img] Image object for the icon.
|
|
39
39
|
* @property {Array<number>} [displacement=[0, 0]] Displacement of the icon in pixels.
|
|
40
40
|
* Positive values will shift the icon right and up.
|
|
41
41
|
* @property {number} [opacity=1] Opacity of the icon.
|
|
@@ -409,7 +409,7 @@ class Icon extends ImageStyle {
|
|
|
409
409
|
/**
|
|
410
410
|
* Get the image icon.
|
|
411
411
|
* @param {number} pixelRatio Pixel ratio.
|
|
412
|
-
* @return {HTMLImageElement|HTMLCanvasElement|ImageBitmap} Image or Canvas element. If the Icon
|
|
412
|
+
* @return {HTMLImageElement|HTMLCanvasElement|OffscreenCanvas|ImageBitmap} Image or Canvas element. If the Icon
|
|
413
413
|
* style was configured with `src` or with a not let loaded `img`, an `ImageBitmap` will be returned.
|
|
414
414
|
* @api
|
|
415
415
|
* @override
|
|
@@ -446,7 +446,7 @@ class Icon extends ImageStyle {
|
|
|
446
446
|
}
|
|
447
447
|
|
|
448
448
|
/**
|
|
449
|
-
* @return {HTMLImageElement|HTMLCanvasElement|ImageBitmap} Image element.
|
|
449
|
+
* @return {HTMLImageElement|HTMLCanvasElement|OffscreenCanvas|ImageBitmap} Image element.
|
|
450
450
|
* @override
|
|
451
451
|
*/
|
|
452
452
|
getHitDetectionImage() {
|
package/style/IconImage.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @param {HTMLImageElement|HTMLCanvasElement|ImageBitmap|null} image Image.
|
|
2
|
+
* @param {HTMLImageElement|HTMLCanvasElement|OffscreenCanvas|ImageBitmap|null} image Image.
|
|
3
3
|
* @param {string|undefined} cacheKey Src.
|
|
4
4
|
* @param {?string} crossOrigin Cross origin.
|
|
5
5
|
* @param {import("../ImageState.js").default|undefined} imageState Image state.
|
|
@@ -7,25 +7,25 @@
|
|
|
7
7
|
* @param {boolean} [pattern] Also cache a `repeat` pattern with the icon image.
|
|
8
8
|
* @return {IconImage} Icon image.
|
|
9
9
|
*/
|
|
10
|
-
export function get(image: HTMLImageElement | HTMLCanvasElement | ImageBitmap | null, cacheKey: string | undefined, crossOrigin: string | null, imageState: any | undefined, color: import("../color.js").Color | string | null, pattern?: boolean): IconImage;
|
|
10
|
+
export function get(image: HTMLImageElement | HTMLCanvasElement | OffscreenCanvas | ImageBitmap | null, cacheKey: string | undefined, crossOrigin: string | null, imageState: any | undefined, color: import("../color.js").Color | string | null, pattern?: boolean): IconImage;
|
|
11
11
|
export default IconImage;
|
|
12
12
|
declare class IconImage extends EventTarget {
|
|
13
13
|
/**
|
|
14
|
-
* @param {HTMLImageElement|HTMLCanvasElement|ImageBitmap|null} image Image.
|
|
14
|
+
* @param {HTMLImageElement|HTMLCanvasElement|OffscreenCanvas|ImageBitmap|null} image Image.
|
|
15
15
|
* @param {string|undefined} src Src.
|
|
16
16
|
* @param {?string} crossOrigin Cross origin.
|
|
17
17
|
* @param {import("../ImageState.js").default|undefined} imageState Image state.
|
|
18
18
|
* @param {import("../color.js").Color|string|null} color Color.
|
|
19
19
|
*/
|
|
20
|
-
constructor(image: HTMLImageElement | HTMLCanvasElement | ImageBitmap | null, src: string | undefined, crossOrigin: string | null, imageState: any | undefined, color: import("../color.js").Color | string | null);
|
|
20
|
+
constructor(image: HTMLImageElement | HTMLCanvasElement | OffscreenCanvas | ImageBitmap | null, src: string | undefined, crossOrigin: string | null, imageState: any | undefined, color: import("../color.js").Color | string | null);
|
|
21
21
|
/**
|
|
22
22
|
* @private
|
|
23
|
-
* @type {HTMLImageElement|HTMLCanvasElement|ImageBitmap}
|
|
23
|
+
* @type {HTMLImageElement|OffscreenCanvas|HTMLCanvasElement|ImageBitmap}
|
|
24
24
|
*/
|
|
25
25
|
private hitDetectionImage_;
|
|
26
26
|
/**
|
|
27
27
|
* @private
|
|
28
|
-
* @type {HTMLImageElement|HTMLCanvasElement|ImageBitmap|null}
|
|
28
|
+
* @type {HTMLImageElement|HTMLCanvasElement|OffscreenCanvas|ImageBitmap|null}
|
|
29
29
|
*/
|
|
30
30
|
private image_;
|
|
31
31
|
/**
|
|
@@ -35,7 +35,7 @@ declare class IconImage extends EventTarget {
|
|
|
35
35
|
private crossOrigin_;
|
|
36
36
|
/**
|
|
37
37
|
* @private
|
|
38
|
-
* @type {Object<number, HTMLCanvasElement>}
|
|
38
|
+
* @type {Object<number, HTMLCanvasElement|OffscreenCanvas>}
|
|
39
39
|
*/
|
|
40
40
|
private canvas_;
|
|
41
41
|
/**
|
|
@@ -87,9 +87,9 @@ declare class IconImage extends EventTarget {
|
|
|
87
87
|
private handleImageLoad_;
|
|
88
88
|
/**
|
|
89
89
|
* @param {number} pixelRatio Pixel ratio.
|
|
90
|
-
* @return {HTMLImageElement|HTMLCanvasElement|ImageBitmap} Image or Canvas element or image bitmap.
|
|
90
|
+
* @return {HTMLImageElement|HTMLCanvasElement|OffscreenCanvas|ImageBitmap} Image or Canvas element or image bitmap.
|
|
91
91
|
*/
|
|
92
|
-
getImage(pixelRatio: number): HTMLImageElement | HTMLCanvasElement | ImageBitmap;
|
|
92
|
+
getImage(pixelRatio: number): HTMLImageElement | HTMLCanvasElement | OffscreenCanvas | ImageBitmap;
|
|
93
93
|
/**
|
|
94
94
|
* @param {number} pixelRatio Pixel ratio.
|
|
95
95
|
* @return {number} Image or Canvas element.
|
|
@@ -100,9 +100,9 @@ declare class IconImage extends EventTarget {
|
|
|
100
100
|
*/
|
|
101
101
|
getImageState(): any;
|
|
102
102
|
/**
|
|
103
|
-
* @return {HTMLImageElement|HTMLCanvasElement|ImageBitmap} Image element.
|
|
103
|
+
* @return {HTMLImageElement|HTMLCanvasElement|OffscreenCanvas|ImageBitmap} Image element.
|
|
104
104
|
*/
|
|
105
|
-
getHitDetectionImage(): HTMLImageElement | HTMLCanvasElement | ImageBitmap;
|
|
105
|
+
getHitDetectionImage(): HTMLImageElement | HTMLCanvasElement | OffscreenCanvas | ImageBitmap;
|
|
106
106
|
/**
|
|
107
107
|
* Get the size of the icon (in pixels).
|
|
108
108
|
* @return {import("../size.js").Size} Image size.
|
package/style/IconImage.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconImage.d.ts","sourceRoot":"","sources":["IconImage.js"],"names":[],"mappings":"AA6SA;;;;;;;;GAQG;AACH,2BARW,gBAAgB,GAAC,iBAAiB,GAAC,WAAW,GAAC,IAAI,
|
|
1
|
+
{"version":3,"file":"IconImage.d.ts","sourceRoot":"","sources":["IconImage.js"],"names":[],"mappings":"AA6SA;;;;;;;;GAQG;AACH,2BARW,gBAAgB,GAAC,iBAAiB,GAAC,eAAe,GAAC,WAAW,GAAC,IAAI,YACnE,MAAM,GAAC,SAAS,eACf,MAAM,OAAA,cACP,GAAkC,GAAC,SAAS,SAC5C,OAAO,aAAa,EAAE,KAAK,GAAC,MAAM,GAAC,IAAI,YACvC,OAAO,GACN,SAAS,CAyBpB;;AA5TD;IACE;;;;;;OAMG;IACH,mBANW,gBAAgB,GAAC,iBAAiB,GAAC,eAAe,GAAC,WAAW,GAAC,IAAI,OACnE,MAAM,GAAC,SAAS,eACf,MAAM,OAAA,cACP,GAAkC,GAAC,SAAS,SAC5C,OAAO,aAAa,EAAE,KAAK,GAAC,MAAM,GAAC,IAAI,EAgEjD;IA3DC;;;OAGG;IACH,2BAA8B;IAE9B;;;OAGG;IACH,eAAmB;IAEnB;;;OAGG;IACH,qBAA+B;IAE/B;;;OAGG;IACH,gBAAiB;IAEjB;;;OAGG;IACH,eAAmB;IAEnB;;;OAGG;IACH,oBAA0E;IAE1E;;;OAGG;IACH,cAC2E;IAE3E;;;OAGG;IACH,aAAe;IAOf;;;OAGG;IACH,eAAkB;IAGpB;;OAEG;IACH,yBAKC;IAED;;;OAGG;IACH,mBAiBC;IAPK,8BAAqB;IAS3B;;OAEG;IACH,6BAEC;IAED;;OAEG;IACH,0BAGC;IAED;;OAEG;IACH,yBAIC;IAED;;;OAGG;IACH,qBAHW,MAAM,GACL,gBAAgB,GAAC,iBAAiB,GAAC,eAAe,GAAC,WAAW,CAQzE;IAED;;;OAGG;IACH,0BAHW,MAAM,GACL,MAAM,CAKjB;IAED;;OAEG;IACH,qBAEC;IAED;;OAEG;IACH,wBAFY,gBAAgB,GAAC,iBAAiB,GAAC,eAAe,GAAC,WAAW,CAkBzE;IAED;;;OAGG;IACH,WAFY,OAAO,YAAY,EAAE,IAAI,CAIpC;IAED;;OAEG;IACH,UAFY,MAAM,GAAC,SAAS,CAI3B;IAED;;OAEG;IACH,aAwBC;IAED;;;OAGG;IACH,sBA2BC;IAED;;OAEG;IACH,SAFY,OAAO,CAAC,IAAI,CAAC,CAyBxB;CACF;wBAlSuB,qBAAqB"}
|
package/style/IconImage.js
CHANGED
|
@@ -11,13 +11,13 @@ import EventTarget from '../events/Target.js';
|
|
|
11
11
|
import {shared as iconImageCache} from './IconImageCache.js';
|
|
12
12
|
|
|
13
13
|
/**
|
|
14
|
-
* @type {CanvasRenderingContext2D}
|
|
14
|
+
* @type {CanvasRenderingContext2D|OffscreenCanvasRenderingContext2D}
|
|
15
15
|
*/
|
|
16
16
|
let taintedTestContext = null;
|
|
17
17
|
|
|
18
18
|
class IconImage extends EventTarget {
|
|
19
19
|
/**
|
|
20
|
-
* @param {HTMLImageElement|HTMLCanvasElement|ImageBitmap|null} image Image.
|
|
20
|
+
* @param {HTMLImageElement|HTMLCanvasElement|OffscreenCanvas|ImageBitmap|null} image Image.
|
|
21
21
|
* @param {string|undefined} src Src.
|
|
22
22
|
* @param {?string} crossOrigin Cross origin.
|
|
23
23
|
* @param {import("../ImageState.js").default|undefined} imageState Image state.
|
|
@@ -28,13 +28,13 @@ class IconImage extends EventTarget {
|
|
|
28
28
|
|
|
29
29
|
/**
|
|
30
30
|
* @private
|
|
31
|
-
* @type {HTMLImageElement|HTMLCanvasElement|ImageBitmap}
|
|
31
|
+
* @type {HTMLImageElement|OffscreenCanvas|HTMLCanvasElement|ImageBitmap}
|
|
32
32
|
*/
|
|
33
33
|
this.hitDetectionImage_ = null;
|
|
34
34
|
|
|
35
35
|
/**
|
|
36
36
|
* @private
|
|
37
|
-
* @type {HTMLImageElement|HTMLCanvasElement|ImageBitmap|null}
|
|
37
|
+
* @type {HTMLImageElement|HTMLCanvasElement|OffscreenCanvas|ImageBitmap|null}
|
|
38
38
|
*/
|
|
39
39
|
this.image_ = image;
|
|
40
40
|
|
|
@@ -46,7 +46,7 @@ class IconImage extends EventTarget {
|
|
|
46
46
|
|
|
47
47
|
/**
|
|
48
48
|
* @private
|
|
49
|
-
* @type {Object<number, HTMLCanvasElement>}
|
|
49
|
+
* @type {Object<number, HTMLCanvasElement|OffscreenCanvas>}
|
|
50
50
|
*/
|
|
51
51
|
this.canvas_ = {};
|
|
52
52
|
|
|
@@ -146,7 +146,7 @@ class IconImage extends EventTarget {
|
|
|
146
146
|
|
|
147
147
|
/**
|
|
148
148
|
* @param {number} pixelRatio Pixel ratio.
|
|
149
|
-
* @return {HTMLImageElement|HTMLCanvasElement|ImageBitmap} Image or Canvas element or image bitmap.
|
|
149
|
+
* @return {HTMLImageElement|HTMLCanvasElement|OffscreenCanvas|ImageBitmap} Image or Canvas element or image bitmap.
|
|
150
150
|
*/
|
|
151
151
|
getImage(pixelRatio) {
|
|
152
152
|
if (!this.image_) {
|
|
@@ -173,7 +173,7 @@ class IconImage extends EventTarget {
|
|
|
173
173
|
}
|
|
174
174
|
|
|
175
175
|
/**
|
|
176
|
-
* @return {HTMLImageElement|HTMLCanvasElement|ImageBitmap} Image element.
|
|
176
|
+
* @return {HTMLImageElement|HTMLCanvasElement|OffscreenCanvas|ImageBitmap} Image element.
|
|
177
177
|
*/
|
|
178
178
|
getHitDetectionImage() {
|
|
179
179
|
if (!this.image_) {
|
|
@@ -300,7 +300,7 @@ class IconImage extends EventTarget {
|
|
|
300
300
|
}
|
|
301
301
|
|
|
302
302
|
/**
|
|
303
|
-
* @param {HTMLImageElement|HTMLCanvasElement|ImageBitmap|null} image Image.
|
|
303
|
+
* @param {HTMLImageElement|HTMLCanvasElement|OffscreenCanvas|ImageBitmap|null} image Image.
|
|
304
304
|
* @param {string|undefined} cacheKey Src.
|
|
305
305
|
* @param {?string} crossOrigin Cross origin.
|
|
306
306
|
* @param {import("../ImageState.js").default|undefined} imageState Image state.
|
package/style/RegularShape.d.ts
CHANGED
|
@@ -128,7 +128,7 @@ declare class RegularShape extends ImageStyle {
|
|
|
128
128
|
constructor(options: Options);
|
|
129
129
|
/**
|
|
130
130
|
* @private
|
|
131
|
-
* @type {HTMLCanvasElement|null}
|
|
131
|
+
* @type {HTMLCanvasElement|OffscreenCanvas|null}
|
|
132
132
|
*/
|
|
133
133
|
private hitDetectionCanvas_;
|
|
134
134
|
/**
|
|
@@ -206,18 +206,18 @@ declare class RegularShape extends ImageStyle {
|
|
|
206
206
|
*/
|
|
207
207
|
setFill(fill: import("./Fill.js").default | null): void;
|
|
208
208
|
/**
|
|
209
|
-
* @return {HTMLCanvasElement} Image element.
|
|
209
|
+
* @return {HTMLCanvasElement|OffscreenCanvas} Image element.
|
|
210
210
|
* @override
|
|
211
211
|
*/
|
|
212
|
-
override getHitDetectionImage(): HTMLCanvasElement;
|
|
212
|
+
override getHitDetectionImage(): HTMLCanvasElement | OffscreenCanvas;
|
|
213
213
|
/**
|
|
214
214
|
* Get the image icon.
|
|
215
215
|
* @param {number} pixelRatio Pixel ratio.
|
|
216
|
-
* @return {HTMLCanvasElement} Image or Canvas element.
|
|
216
|
+
* @return {HTMLCanvasElement|OffscreenCanvas} Image or Canvas element.
|
|
217
217
|
* @api
|
|
218
218
|
* @override
|
|
219
219
|
*/
|
|
220
|
-
override getImage(pixelRatio: number): HTMLCanvasElement;
|
|
220
|
+
override getImage(pixelRatio: number): HTMLCanvasElement | OffscreenCanvas;
|
|
221
221
|
/**
|
|
222
222
|
* Get the number of points for generating the shape.
|
|
223
223
|
* @return {number} Number of points for stars and regular polygons.
|
|
@@ -269,25 +269,25 @@ declare class RegularShape extends ImageStyle {
|
|
|
269
269
|
/**
|
|
270
270
|
* @private
|
|
271
271
|
* @param {RenderOptions} renderOptions Render options.
|
|
272
|
-
* @param {CanvasRenderingContext2D} context The rendering context.
|
|
272
|
+
* @param {CanvasRenderingContext2D|OffscreenCanvasRenderingContext2D} context The rendering context.
|
|
273
273
|
* @param {number} pixelRatio The pixel ratio.
|
|
274
274
|
*/
|
|
275
275
|
private draw_;
|
|
276
276
|
/**
|
|
277
277
|
* @private
|
|
278
278
|
* @param {RenderOptions} renderOptions Render options.
|
|
279
|
-
* @return {HTMLCanvasElement} Canvas containing the icon
|
|
279
|
+
* @return {HTMLCanvasElement|OffscreenCanvas} Canvas containing the icon
|
|
280
280
|
*/
|
|
281
281
|
private createHitDetectionCanvas_;
|
|
282
282
|
/**
|
|
283
283
|
* @private
|
|
284
|
-
* @param {CanvasRenderingContext2D} context The context to draw in.
|
|
284
|
+
* @param {CanvasRenderingContext2D|OffscreenCanvasRenderingContext2D} context The context to draw in.
|
|
285
285
|
*/
|
|
286
286
|
private createPath_;
|
|
287
287
|
/**
|
|
288
288
|
* @private
|
|
289
289
|
* @param {RenderOptions} renderOptions Render options.
|
|
290
|
-
* @param {CanvasRenderingContext2D} context The context.
|
|
290
|
+
* @param {CanvasRenderingContext2D|OffscreenCanvasRenderingContext2D} context The context.
|
|
291
291
|
*/
|
|
292
292
|
private drawHitDetectionCanvas_;
|
|
293
293
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RegularShape.d.ts","sourceRoot":"","sources":["RegularShape.js"],"names":[],"mappings":";;;;;;;;;;;;;YAwBc,MAAM;;;;YAEN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAeN,OAAO,iBAAiB,EAAE,SAAS,GAAC,SAAS;;;;iBAC7C,MAAM;;;;UACN,MAAM;;;;aACN,aAAa;;;;cACb,KAAK,CAAC,MAAM,CAAC,GAAC,IAAI;;;;oBAClB,MAAM;;;;cACN,cAAc;;;;gBACd,MAAM;;AA5BpB;;;;;;;;;;;;;;;;;GAiBG;AAEH;;;;;;;;;;GAUG;AAEH;;;;;;GAMG;AACH;IACE;;OAEG;IACH,qBAFW,OAAO,EAqFjB;IAvEC;;;OAGG;IACH,4BAA+B;IAE/B;;;OAGG;IACH,cAA6D;IAE7D;;;OAGG;IACH,gBAAqB;IAErB;;;OAGG;IACH,gBAA6B;IAE7B;;;OAGG;IACH,kBAFU,MAAM,CAEY;IAE5B;;;OAGG;IACH,iBAA+B;IAE/B;;;OAGG;IACH,eAA6D;IAE7D;;;OAGG;IACH,gBAAmE;IAEnE;;;OAGG;IACH,cAAU;IAEV;;;OAGG;IACH,uBAAmB;IAEnB;;OAEG;IACH,oBAGuB;IAOzB;;;;;OAKG;IACH,kBAJY,YAAY,CAqBvB;IAqBD;;;;OAIG;IACH,YAHY,MAAM,CAKjB;IAED;;;;OAIG;IACH,WAHY,OAAO,WAAW,EAAE,OAAO,GAAC,IAAI,CAK3C;IAED;;;;OAIG;IACH,cAHW,OAAO,WAAW,EAAE,OAAO,GAAC,IAAI,QAM1C;IAED;;;OAGG;IACH,iCAHY,iBAAiB,
|
|
1
|
+
{"version":3,"file":"RegularShape.d.ts","sourceRoot":"","sources":["RegularShape.js"],"names":[],"mappings":";;;;;;;;;;;;;YAwBc,MAAM;;;;YAEN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAeN,OAAO,iBAAiB,EAAE,SAAS,GAAC,SAAS;;;;iBAC7C,MAAM;;;;UACN,MAAM;;;;aACN,aAAa;;;;cACb,KAAK,CAAC,MAAM,CAAC,GAAC,IAAI;;;;oBAClB,MAAM;;;;cACN,cAAc;;;;gBACd,MAAM;;AA5BpB;;;;;;;;;;;;;;;;;GAiBG;AAEH;;;;;;;;;;GAUG;AAEH;;;;;;GAMG;AACH;IACE;;OAEG;IACH,qBAFW,OAAO,EAqFjB;IAvEC;;;OAGG;IACH,4BAA+B;IAE/B;;;OAGG;IACH,cAA6D;IAE7D;;;OAGG;IACH,gBAAqB;IAErB;;;OAGG;IACH,gBAA6B;IAE7B;;;OAGG;IACH,kBAFU,MAAM,CAEY;IAE5B;;;OAGG;IACH,iBAA+B;IAE/B;;;OAGG;IACH,eAA6D;IAE7D;;;OAGG;IACH,gBAAmE;IAEnE;;;OAGG;IACH,cAAU;IAEV;;;OAGG;IACH,uBAAmB;IAEnB;;OAEG;IACH,oBAGuB;IAOzB;;;;;OAKG;IACH,kBAJY,YAAY,CAqBvB;IAqBD;;;;OAIG;IACH,YAHY,MAAM,CAKjB;IAED;;;;OAIG;IACH,WAHY,OAAO,WAAW,EAAE,OAAO,GAAC,IAAI,CAK3C;IAED;;;;OAIG;IACH,cAHW,OAAO,WAAW,EAAE,OAAO,GAAC,IAAI,QAM1C;IAED;;;OAGG;IACH,iCAHY,iBAAiB,GAAC,eAAe,CAU5C;IAED;;;;;;OAMG;IACH,8BALW,MAAM,GACL,iBAAiB,GAAC,eAAe,CA2B5C;IAsCD;;;;OAIG;IACH,aAHY,MAAM,CAKjB;IAED;;;;OAIG;IACH,aAHY,MAAM,CAKjB;IAED;;;;OAIG;IACH,cAHY,MAAM,GAAC,SAAS,CAK3B;IAYD;;;;OAIG;IACH,aAHY,OAAO,aAAa,EAAE,OAAO,GAAC,IAAI,CAK7C;IAED;;;;OAIG;IACH,kBAHW,OAAO,aAAa,EAAE,OAAO,GAAC,IAAI,QAM5C;IAoBD;;;;;;;OAOG;IACH,+BAgFC;IAED;;;OAGG;IACH,iCAHY,aAAa,CAoCxB;IAED;;OAEG;IACH,yBAKC;IAED;;;;;OAKG;IACH,cA2BC;IAED;;;;OAIG;IACH,kCAuBC;IAED;;;OAGG;IACH,oBAmBC;IAED;;;;OAIG;IACH,gCAmBC;CAQF;uBAzmBsB,YAAY"}
|
package/style/RegularShape.js
CHANGED
|
@@ -74,7 +74,7 @@ class RegularShape extends ImageStyle {
|
|
|
74
74
|
|
|
75
75
|
/**
|
|
76
76
|
* @private
|
|
77
|
-
* @type {HTMLCanvasElement|null}
|
|
77
|
+
* @type {HTMLCanvasElement|OffscreenCanvas|null}
|
|
78
78
|
*/
|
|
79
79
|
this.hitDetectionCanvas_ = null;
|
|
80
80
|
|
|
@@ -218,7 +218,7 @@ class RegularShape extends ImageStyle {
|
|
|
218
218
|
}
|
|
219
219
|
|
|
220
220
|
/**
|
|
221
|
-
* @return {HTMLCanvasElement} Image element.
|
|
221
|
+
* @return {HTMLCanvasElement|OffscreenCanvas} Image element.
|
|
222
222
|
* @override
|
|
223
223
|
*/
|
|
224
224
|
getHitDetectionImage() {
|
|
@@ -233,7 +233,7 @@ class RegularShape extends ImageStyle {
|
|
|
233
233
|
/**
|
|
234
234
|
* Get the image icon.
|
|
235
235
|
* @param {number} pixelRatio Pixel ratio.
|
|
236
|
-
* @return {HTMLCanvasElement} Image or Canvas element.
|
|
236
|
+
* @return {HTMLCanvasElement|OffscreenCanvas} Image or Canvas element.
|
|
237
237
|
* @api
|
|
238
238
|
* @override
|
|
239
239
|
*/
|
|
@@ -242,7 +242,7 @@ class RegularShape extends ImageStyle {
|
|
|
242
242
|
const cacheKey =
|
|
243
243
|
`${pixelRatio},${this.angle_},${this.radius},${this.radius2_},${this.points_},${fillKey}` +
|
|
244
244
|
Object.values(this.renderOptions_).join(',');
|
|
245
|
-
let image = /** @type {HTMLCanvasElement} */ (
|
|
245
|
+
let image = /** @type {HTMLCanvasElement|OffscreenCanvas} */ (
|
|
246
246
|
iconImageCache.get(cacheKey, null, null)?.getImage(1)
|
|
247
247
|
);
|
|
248
248
|
if (!image) {
|
|
@@ -514,7 +514,7 @@ class RegularShape extends ImageStyle {
|
|
|
514
514
|
/**
|
|
515
515
|
* @private
|
|
516
516
|
* @param {RenderOptions} renderOptions Render options.
|
|
517
|
-
* @param {CanvasRenderingContext2D} context The rendering context.
|
|
517
|
+
* @param {CanvasRenderingContext2D|OffscreenCanvasRenderingContext2D} context The rendering context.
|
|
518
518
|
* @param {number} pixelRatio The pixel ratio.
|
|
519
519
|
*/
|
|
520
520
|
draw_(renderOptions, context, pixelRatio) {
|
|
@@ -549,7 +549,7 @@ class RegularShape extends ImageStyle {
|
|
|
549
549
|
/**
|
|
550
550
|
* @private
|
|
551
551
|
* @param {RenderOptions} renderOptions Render options.
|
|
552
|
-
* @return {HTMLCanvasElement} Canvas containing the icon
|
|
552
|
+
* @return {HTMLCanvasElement|OffscreenCanvas} Canvas containing the icon
|
|
553
553
|
*/
|
|
554
554
|
createHitDetectionCanvas_(renderOptions) {
|
|
555
555
|
let context;
|
|
@@ -578,7 +578,7 @@ class RegularShape extends ImageStyle {
|
|
|
578
578
|
|
|
579
579
|
/**
|
|
580
580
|
* @private
|
|
581
|
-
* @param {CanvasRenderingContext2D} context The context to draw in.
|
|
581
|
+
* @param {CanvasRenderingContext2D|OffscreenCanvasRenderingContext2D} context The context to draw in.
|
|
582
582
|
*/
|
|
583
583
|
createPath_(context) {
|
|
584
584
|
let points = this.points_;
|
|
@@ -604,7 +604,7 @@ class RegularShape extends ImageStyle {
|
|
|
604
604
|
/**
|
|
605
605
|
* @private
|
|
606
606
|
* @param {RenderOptions} renderOptions Render options.
|
|
607
|
-
* @param {CanvasRenderingContext2D} context The context.
|
|
607
|
+
* @param {CanvasRenderingContext2D|OffscreenCanvasRenderingContext2D} context The context.
|
|
608
608
|
*/
|
|
609
609
|
drawHitDetectionCanvas_(renderOptions, context) {
|
|
610
610
|
// set origin to canvas center
|
package/transform.d.ts
CHANGED
|
@@ -133,6 +133,12 @@ export function determinant(mat: Transform): number;
|
|
|
133
133
|
* @return {string} The transform as a string.
|
|
134
134
|
*/
|
|
135
135
|
export function toString(mat: Transform): string;
|
|
136
|
+
/**
|
|
137
|
+
* Create a transform from a CSS transform matrix string.
|
|
138
|
+
* @param {string} cssTransform The CSS string to parse.
|
|
139
|
+
* @return {!Transform} The transform.
|
|
140
|
+
*/
|
|
141
|
+
export function fromString(cssTransform: string): Transform;
|
|
136
142
|
/**
|
|
137
143
|
* Compare two matrices for equality.
|
|
138
144
|
* @param {!string} cssTransform1 A CSS transform matrix string.
|
package/transform.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"transform.d.ts","sourceRoot":"","sources":["transform.js"],"names":[],"mappings":"AA8BA;;;GAGG;AACH,0BAFa,SAAS,CAIrB;AAED;;;;GAIG;AACH,iCAHY,SAAS,GACR,SAAS,CAIrB;AAED;;;;;;GAMG;AACH,qCAJY,SAAS,cACT,SAAS,GACR,SAAS,CAwBrB;AAED;;;;;;;;;;GAUG;AACH,+BATY,SAAS,KACV,MAAM,KACN,MAAM,KACN,MAAM,KACN,MAAM,KACN,MAAM,KACN,MAAM,GACJ,SAAS,CAUrB;AAED;;;;;GAKG;AACH,yCAJY,SAAS,cACT,SAAS,GACR,SAAS,CAUrB;AAED;;;;;;;;GAQG;AACH,iCALW,SAAS,cACT,OAAO,iBAAiB,EAAE,UAAU,GAAC,OAAO,YAAY,EAAE,KAAK,GAC9D,OAAO,iBAAiB,EAAE,UAAU,GAAC,OAAO,YAAY,EAAE,KAAK,CAS1E;AAED;;;;;GAKG;AACH,kCAJY,SAAS,SACV,MAAM,GACJ,SAAS,CAMrB;AAED;;;;;;GAMG;AACH,iCALY,SAAS,KACV,MAAM,KACN,MAAM,GACJ,SAAS,CAIrB;AAED;;;;;;GAMG;AACH,kCALY,SAAS,KACV,MAAM,KACN,MAAM,GACJ,SAAS,CAIrB;AAED;;;;;;GAMG;AACH,qCALY,SAAS,MACV,MAAM,MACN,MAAM,GACJ,SAAS,CAIrB;AAED;;;;;;;;;;;;GAYG;AACH,mCAVY,SAAS,OACV,MAAM,OACN,MAAM,MACN,MAAM,MACN,MAAM,SACN,MAAM,OACN,MAAM,OACN,MAAM,GACJ,SAAS,CAYrB;AAED;;;;;;;;;;;;;GAaG;AACH,yCAVW,MAAM,OACN,MAAM,MACN,MAAM,MACN,MAAM,SACN,MAAM,OACN,MAAM,OACN,MAAM,GACL,MAAM,CAKjB;AAED;;;;GAIG;AACH,+BAHY,SAAS,GACR,SAAS,CAIrB;AAED;;;;;;GAMG;AACH,oCALY,SAAS,UAET,SAAS,GACR,SAAS,CAqBrB;AAED;;;;GAIG;AACH,iCAHY,SAAS,GACT,MAAM,CAIjB;AAOD;;;;;GAKG;AACH,8BAHY,SAAS,GACT,MAAM,CAKjB;
|
|
1
|
+
{"version":3,"file":"transform.d.ts","sourceRoot":"","sources":["transform.js"],"names":[],"mappings":"AA8BA;;;GAGG;AACH,0BAFa,SAAS,CAIrB;AAED;;;;GAIG;AACH,iCAHY,SAAS,GACR,SAAS,CAIrB;AAED;;;;;;GAMG;AACH,qCAJY,SAAS,cACT,SAAS,GACR,SAAS,CAwBrB;AAED;;;;;;;;;;GAUG;AACH,+BATY,SAAS,KACV,MAAM,KACN,MAAM,KACN,MAAM,KACN,MAAM,KACN,MAAM,KACN,MAAM,GACJ,SAAS,CAUrB;AAED;;;;;GAKG;AACH,yCAJY,SAAS,cACT,SAAS,GACR,SAAS,CAUrB;AAED;;;;;;;;GAQG;AACH,iCALW,SAAS,cACT,OAAO,iBAAiB,EAAE,UAAU,GAAC,OAAO,YAAY,EAAE,KAAK,GAC9D,OAAO,iBAAiB,EAAE,UAAU,GAAC,OAAO,YAAY,EAAE,KAAK,CAS1E;AAED;;;;;GAKG;AACH,kCAJY,SAAS,SACV,MAAM,GACJ,SAAS,CAMrB;AAED;;;;;;GAMG;AACH,iCALY,SAAS,KACV,MAAM,KACN,MAAM,GACJ,SAAS,CAIrB;AAED;;;;;;GAMG;AACH,kCALY,SAAS,KACV,MAAM,KACN,MAAM,GACJ,SAAS,CAIrB;AAED;;;;;;GAMG;AACH,qCALY,SAAS,MACV,MAAM,MACN,MAAM,GACJ,SAAS,CAIrB;AAED;;;;;;;;;;;;GAYG;AACH,mCAVY,SAAS,OACV,MAAM,OACN,MAAM,MACN,MAAM,MACN,MAAM,SACN,MAAM,OACN,MAAM,OACN,MAAM,GACJ,SAAS,CAYrB;AAED;;;;;;;;;;;;;GAaG;AACH,yCAVW,MAAM,OACN,MAAM,MACN,MAAM,MACN,MAAM,SACN,MAAM,OACN,MAAM,OACN,MAAM,GACL,MAAM,CAKjB;AAED;;;;GAIG;AACH,+BAHY,SAAS,GACR,SAAS,CAIrB;AAED;;;;;;GAMG;AACH,oCALY,SAAS,UAET,SAAS,GACR,SAAS,CAqBrB;AAED;;;;GAIG;AACH,iCAHY,SAAS,GACT,MAAM,CAIjB;AAOD;;;;;GAKG;AACH,8BAHY,SAAS,GACT,MAAM,CAKjB;AAED;;;;GAIG;AACH,yCAHW,MAAM,GACJ,SAAS,CAKrB;AAED;;;;;GAKG;AACH,0CAJW,MAAO,iBACP,MAAO,GACN,OAAO,CAWlB;;;;;wBA3Sa,KAAK,CAAC,MAAM,CAAC"}
|
package/transform.js
CHANGED
|
@@ -285,7 +285,7 @@ export function toString(mat) {
|
|
|
285
285
|
* @param {string} cssTransform The CSS string to parse.
|
|
286
286
|
* @return {!Transform} The transform.
|
|
287
287
|
*/
|
|
288
|
-
function fromString(cssTransform) {
|
|
288
|
+
export function fromString(cssTransform) {
|
|
289
289
|
const values = cssTransform.substring(7, cssTransform.length - 1).split(',');
|
|
290
290
|
return values.map(parseFloat);
|
|
291
291
|
}
|
package/util.js
CHANGED