@babylonjs/gui 5.0.0-rc.5 → 5.0.0-rc.9
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/2D/adtInstrumentation.d.ts +52 -52
- package/2D/adtInstrumentation.js +126 -126
- package/2D/advancedDynamicTexture.d.ts +448 -448
- package/2D/advancedDynamicTexture.js +1318 -1318
- package/2D/controls/button.d.ts +135 -135
- package/2D/controls/button.js +276 -276
- package/2D/controls/checkbox.d.ts +59 -59
- package/2D/controls/checkbox.js +188 -188
- package/2D/controls/colorpicker.d.ts +103 -103
- package/2D/controls/colorpicker.js +1417 -1417
- package/2D/controls/container.d.ts +175 -175
- package/2D/controls/container.js +570 -570
- package/2D/controls/control.d.ts +866 -866
- package/2D/controls/control.js +2433 -2433
- package/2D/controls/displayGrid.d.ts +53 -53
- package/2D/controls/displayGrid.js +245 -245
- package/2D/controls/ellipse.d.ts +21 -21
- package/2D/controls/ellipse.js +85 -85
- package/2D/controls/focusableButton.d.ts +59 -59
- package/2D/controls/focusableButton.js +99 -99
- package/2D/controls/focusableControl.d.ts +34 -34
- package/2D/controls/focusableControl.js +1 -1
- package/2D/controls/grid.d.ts +139 -139
- package/2D/controls/grid.js +529 -529
- package/2D/controls/image.d.ts +204 -204
- package/2D/controls/image.js +887 -887
- package/2D/controls/index.d.ts +29 -29
- package/2D/controls/index.js +29 -29
- package/2D/controls/inputPassword.d.ts +8 -8
- package/2D/controls/inputPassword.js +25 -25
- package/2D/controls/inputText.d.ts +201 -201
- package/2D/controls/inputText.js +1119 -1119
- package/2D/controls/line.d.ts +66 -66
- package/2D/controls/line.js +271 -271
- package/2D/controls/multiLine.d.ts +75 -75
- package/2D/controls/multiLine.js +262 -262
- package/2D/controls/radioButton.d.ts +49 -49
- package/2D/controls/radioButton.js +205 -205
- package/2D/controls/rectangle.d.ts +29 -29
- package/2D/controls/rectangle.js +150 -150
- package/2D/controls/scrollViewers/scrollViewer.d.ts +182 -182
- package/2D/controls/scrollViewers/scrollViewer.js +677 -677
- package/2D/controls/scrollViewers/scrollViewerWindow.d.ts +57 -57
- package/2D/controls/scrollViewers/scrollViewerWindow.js +278 -278
- package/2D/controls/selector.d.ts +263 -263
- package/2D/controls/selector.js +692 -692
- package/2D/controls/sliders/baseSlider.d.ts +82 -82
- package/2D/controls/sliders/baseSlider.js +347 -347
- package/2D/controls/sliders/imageBasedSlider.d.ts +49 -49
- package/2D/controls/sliders/imageBasedSlider.js +192 -192
- package/2D/controls/sliders/imageScrollBar.d.ts +65 -65
- package/2D/controls/sliders/imageScrollBar.js +263 -263
- package/2D/controls/sliders/scrollBar.d.ts +38 -38
- package/2D/controls/sliders/scrollBar.js +143 -143
- package/2D/controls/sliders/slider.d.ts +35 -35
- package/2D/controls/sliders/slider.js +271 -271
- package/2D/controls/stackPanel.d.ts +64 -64
- package/2D/controls/stackPanel.js +246 -246
- package/2D/controls/statics.d.ts +6 -6
- package/2D/controls/statics.js +49 -49
- package/2D/controls/textBlock.d.ts +175 -175
- package/2D/controls/textBlock.js +603 -603
- package/2D/controls/textWrapper.d.ts +13 -13
- package/2D/controls/textWrapper.js +101 -101
- package/2D/controls/toggleButton.d.ts +117 -117
- package/2D/controls/toggleButton.js +268 -268
- package/2D/controls/virtualKeyboard.d.ts +96 -96
- package/2D/controls/virtualKeyboard.js +256 -256
- package/2D/index.d.ts +9 -9
- package/2D/index.js +9 -9
- package/2D/math2D.d.ts +117 -117
- package/2D/math2D.js +221 -221
- package/2D/measure.d.ts +77 -77
- package/2D/measure.js +139 -139
- package/2D/multiLinePoint.d.ts +47 -47
- package/2D/multiLinePoint.js +127 -127
- package/2D/style.d.ts +46 -46
- package/2D/style.js +97 -97
- package/2D/valueAndUnit.d.ts +89 -89
- package/2D/valueAndUnit.js +226 -226
- package/2D/xmlLoader.d.ts +60 -60
- package/2D/xmlLoader.js +348 -348
- package/3D/behaviors/defaultBehavior.d.ts +73 -73
- package/3D/behaviors/defaultBehavior.js +121 -121
- package/3D/controls/abstractButton3D.d.ts +15 -15
- package/3D/controls/abstractButton3D.js +25 -25
- package/3D/controls/button3D.d.ts +30 -30
- package/3D/controls/button3D.js +93 -93
- package/3D/controls/container3D.d.ts +72 -72
- package/3D/controls/container3D.js +139 -139
- package/3D/controls/contentDisplay3D.d.ts +30 -30
- package/3D/controls/contentDisplay3D.js +79 -79
- package/3D/controls/control3D.d.ts +201 -201
- package/3D/controls/control3D.js +445 -445
- package/3D/controls/cylinderPanel.d.ts +17 -17
- package/3D/controls/cylinderPanel.js +66 -66
- package/3D/controls/handMenu.d.ts +28 -28
- package/3D/controls/handMenu.js +47 -47
- package/3D/controls/holographicBackplate.d.ts +49 -49
- package/3D/controls/holographicBackplate.js +120 -120
- package/3D/controls/holographicButton.d.ts +84 -84
- package/3D/controls/holographicButton.js +339 -339
- package/3D/controls/holographicSlate.d.ts +131 -131
- package/3D/controls/holographicSlate.js +431 -431
- package/3D/controls/index.d.ts +21 -21
- package/3D/controls/index.js +21 -21
- package/3D/controls/meshButton3D.d.ts +21 -21
- package/3D/controls/meshButton3D.js +62 -62
- package/3D/controls/nearMenu.d.ts +44 -44
- package/3D/controls/nearMenu.js +114 -114
- package/3D/controls/planePanel.d.ts +9 -9
- package/3D/controls/planePanel.js +36 -36
- package/3D/controls/scatterPanel.d.ts +18 -18
- package/3D/controls/scatterPanel.js +108 -108
- package/3D/controls/slider3D.d.ts +81 -81
- package/3D/controls/slider3D.js +268 -268
- package/3D/controls/spherePanel.d.ts +17 -17
- package/3D/controls/spherePanel.js +67 -67
- package/3D/controls/stackPanel3D.d.ts +22 -22
- package/3D/controls/stackPanel3D.js +107 -107
- package/3D/controls/touchButton3D.d.ts +80 -80
- package/3D/controls/touchButton3D.js +233 -233
- package/3D/controls/touchHolographicButton.d.ts +110 -110
- package/3D/controls/touchHolographicButton.js +445 -445
- package/3D/controls/touchHolographicMenu.d.ts +61 -61
- package/3D/controls/touchHolographicMenu.js +149 -149
- package/3D/controls/touchMeshButton3D.d.ts +21 -21
- package/3D/controls/touchMeshButton3D.js +62 -62
- package/3D/controls/volumeBasedPanel.d.ts +53 -53
- package/3D/controls/volumeBasedPanel.js +174 -174
- package/3D/gizmos/gizmoHandle.d.ts +108 -108
- package/3D/gizmos/gizmoHandle.js +209 -209
- package/3D/gizmos/index.d.ts +2 -2
- package/3D/gizmos/index.js +2 -2
- package/3D/gizmos/slateGizmo.d.ts +57 -57
- package/3D/gizmos/slateGizmo.js +369 -369
- package/3D/gui3DManager.d.ts +94 -94
- package/3D/gui3DManager.js +257 -257
- package/3D/index.d.ts +5 -5
- package/3D/index.js +5 -5
- package/3D/materials/fluent/fluentMaterial.d.ts +90 -90
- package/3D/materials/fluent/fluentMaterial.js +292 -292
- package/3D/materials/fluent/index.d.ts +1 -1
- package/3D/materials/fluent/index.js +1 -1
- package/3D/materials/fluent/shaders/fluent.fragment.d.ts +5 -5
- package/3D/materials/fluent/shaders/fluent.fragment.js +8 -8
- package/3D/materials/fluent/shaders/fluent.vertex.d.ts +5 -5
- package/3D/materials/fluent/shaders/fluent.vertex.js +8 -8
- package/3D/materials/fluentBackplate/fluentBackplateMaterial.d.ts +154 -154
- package/3D/materials/fluentBackplate/fluentBackplateMaterial.js +469 -469
- package/3D/materials/fluentBackplate/index.d.ts +1 -1
- package/3D/materials/fluentBackplate/index.js +1 -1
- package/3D/materials/fluentBackplate/shaders/fluentBackplate.fragment.d.ts +5 -5
- package/3D/materials/fluentBackplate/shaders/fluentBackplate.fragment.js +8 -8
- package/3D/materials/fluentBackplate/shaders/fluentBackplate.vertex.d.ts +5 -5
- package/3D/materials/fluentBackplate/shaders/fluentBackplate.vertex.js +8 -8
- package/3D/materials/fluentButton/fluentButtonMaterial.d.ts +189 -189
- package/3D/materials/fluentButton/fluentButtonMaterial.js +539 -539
- package/3D/materials/fluentButton/index.d.ts +1 -1
- package/3D/materials/fluentButton/index.js +1 -1
- package/3D/materials/fluentButton/shaders/fluentButton.fragment.d.ts +5 -5
- package/3D/materials/fluentButton/shaders/fluentButton.fragment.js +8 -8
- package/3D/materials/fluentButton/shaders/fluentButton.vertex.d.ts +5 -5
- package/3D/materials/fluentButton/shaders/fluentButton.vertex.js +8 -8
- package/3D/materials/fluentMaterial.d.ts +4 -4
- package/3D/materials/fluentMaterial.js +4 -4
- package/3D/materials/handle/handleMaterial.d.ts +68 -68
- package/3D/materials/handle/handleMaterial.js +126 -126
- package/3D/materials/handle/index.d.ts +1 -1
- package/3D/materials/handle/index.js +1 -1
- package/3D/materials/handle/shaders/handle.fragment.d.ts +5 -5
- package/3D/materials/handle/shaders/handle.fragment.js +8 -8
- package/3D/materials/handle/shaders/handle.vertex.d.ts +5 -5
- package/3D/materials/handle/shaders/handle.vertex.js +8 -8
- package/3D/materials/index.d.ts +5 -5
- package/3D/materials/index.js +5 -5
- package/3D/materials/mrdl/index.d.ts +3 -3
- package/3D/materials/mrdl/index.js +3 -3
- package/3D/materials/mrdl/mrdlBackplateMaterial.d.ts +147 -147
- package/3D/materials/mrdl/mrdlBackplateMaterial.js +436 -436
- package/3D/materials/mrdl/mrdlSliderBarMaterial.d.ts +333 -333
- package/3D/materials/mrdl/mrdlSliderBarMaterial.js +851 -851
- package/3D/materials/mrdl/mrdlSliderThumbMaterial.d.ts +333 -333
- package/3D/materials/mrdl/mrdlSliderThumbMaterial.js +851 -851
- package/3D/materials/mrdl/shaders/mrdlBackplate.fragment.d.ts +5 -5
- package/3D/materials/mrdl/shaders/mrdlBackplate.fragment.js +8 -8
- package/3D/materials/mrdl/shaders/mrdlBackplate.vertex.d.ts +5 -5
- package/3D/materials/mrdl/shaders/mrdlBackplate.vertex.js +8 -8
- package/3D/materials/mrdl/shaders/mrdlSliderBar.fragment.d.ts +5 -5
- package/3D/materials/mrdl/shaders/mrdlSliderBar.fragment.js +8 -8
- package/3D/materials/mrdl/shaders/mrdlSliderBar.vertex.d.ts +5 -5
- package/3D/materials/mrdl/shaders/mrdlSliderBar.vertex.js +8 -8
- package/3D/materials/mrdl/shaders/mrdlSliderThumb.fragment.d.ts +5 -5
- package/3D/materials/mrdl/shaders/mrdlSliderThumb.fragment.js +8 -8
- package/3D/materials/mrdl/shaders/mrdlSliderThumb.vertex.d.ts +5 -5
- package/3D/materials/mrdl/shaders/mrdlSliderThumb.vertex.js +8 -8
- package/3D/vector3WithInfo.d.ts +16 -16
- package/3D/vector3WithInfo.js +23 -23
- package/index.d.ts +2 -2
- package/index.js +2 -2
- package/legacy/legacy.d.ts +1 -1
- package/legacy/legacy.js +13 -13
- package/package.json +2 -2
package/2D/controls/image.d.ts
CHANGED
|
@@ -1,204 +1,204 @@
|
|
|
1
|
-
import { Nullable } from "@babylonjs/core/types.js";
|
|
2
|
-
import { Observable } from "@babylonjs/core/Misc/observable.js";
|
|
3
|
-
import { Control } from "./control";
|
|
4
|
-
import { Measure } from "../measure";
|
|
5
|
-
import { ICanvasRenderingContext, IImage } from "@babylonjs/core/Engines/ICanvas.js";
|
|
6
|
-
/**
|
|
7
|
-
* Class used to create 2D images
|
|
8
|
-
*/
|
|
9
|
-
export declare class Image extends Control {
|
|
10
|
-
name?: string | undefined;
|
|
11
|
-
private _workingCanvas;
|
|
12
|
-
private _domImage;
|
|
13
|
-
private _imageWidth;
|
|
14
|
-
private _imageHeight;
|
|
15
|
-
private _loaded;
|
|
16
|
-
private _stretch;
|
|
17
|
-
private _source;
|
|
18
|
-
private _autoScale;
|
|
19
|
-
private _sourceLeft;
|
|
20
|
-
private _sourceTop;
|
|
21
|
-
private _sourceWidth;
|
|
22
|
-
private _sourceHeight;
|
|
23
|
-
private _svgAttributesComputationCompleted;
|
|
24
|
-
private _isSVG;
|
|
25
|
-
private _cellWidth;
|
|
26
|
-
private _cellHeight;
|
|
27
|
-
private _cellId;
|
|
28
|
-
private _sliceLeft;
|
|
29
|
-
private _sliceRight;
|
|
30
|
-
private _sliceTop;
|
|
31
|
-
private _sliceBottom;
|
|
32
|
-
private _populateNinePatchSlicesFromImage;
|
|
33
|
-
private _detectPointerOnOpaqueOnly;
|
|
34
|
-
private _imageDataCache;
|
|
35
|
-
/**
|
|
36
|
-
* Observable notified when the content is loaded
|
|
37
|
-
*/
|
|
38
|
-
onImageLoadedObservable: Observable<Image>;
|
|
39
|
-
/**
|
|
40
|
-
* Observable notified when _sourceLeft, _sourceTop, _sourceWidth and _sourceHeight are computed
|
|
41
|
-
*/
|
|
42
|
-
onSVGAttributesComputedObservable: Observable<Image>;
|
|
43
|
-
/**
|
|
44
|
-
* Gets a boolean indicating that the content is loaded
|
|
45
|
-
*/
|
|
46
|
-
get isLoaded(): boolean;
|
|
47
|
-
/**
|
|
48
|
-
* Gets or sets a boolean indicating if pointers should only be validated on pixels with alpha > 0.
|
|
49
|
-
* Beware using this as this will consume more memory as the image has to be stored twice
|
|
50
|
-
*/
|
|
51
|
-
get detectPointerOnOpaqueOnly(): boolean;
|
|
52
|
-
set detectPointerOnOpaqueOnly(value: boolean);
|
|
53
|
-
/**
|
|
54
|
-
* Gets or sets the left value for slicing (9-patch)
|
|
55
|
-
*/
|
|
56
|
-
get sliceLeft(): number;
|
|
57
|
-
set sliceLeft(value: number);
|
|
58
|
-
/**
|
|
59
|
-
* Gets or sets the right value for slicing (9-patch)
|
|
60
|
-
*/
|
|
61
|
-
get sliceRight(): number;
|
|
62
|
-
set sliceRight(value: number);
|
|
63
|
-
/**
|
|
64
|
-
* Gets or sets the top value for slicing (9-patch)
|
|
65
|
-
*/
|
|
66
|
-
get sliceTop(): number;
|
|
67
|
-
set sliceTop(value: number);
|
|
68
|
-
/**
|
|
69
|
-
* Gets or sets the bottom value for slicing (9-patch)
|
|
70
|
-
*/
|
|
71
|
-
get sliceBottom(): number;
|
|
72
|
-
set sliceBottom(value: number);
|
|
73
|
-
/**
|
|
74
|
-
* Gets or sets the left coordinate in the source image
|
|
75
|
-
*/
|
|
76
|
-
get sourceLeft(): number;
|
|
77
|
-
set sourceLeft(value: number);
|
|
78
|
-
/**
|
|
79
|
-
* Gets or sets the top coordinate in the source image
|
|
80
|
-
*/
|
|
81
|
-
get sourceTop(): number;
|
|
82
|
-
set sourceTop(value: number);
|
|
83
|
-
/**
|
|
84
|
-
* Gets or sets the width to capture in the source image
|
|
85
|
-
*/
|
|
86
|
-
get sourceWidth(): number;
|
|
87
|
-
set sourceWidth(value: number);
|
|
88
|
-
/**
|
|
89
|
-
* Gets or sets the height to capture in the source image
|
|
90
|
-
*/
|
|
91
|
-
get sourceHeight(): number;
|
|
92
|
-
set sourceHeight(value: number);
|
|
93
|
-
/**
|
|
94
|
-
* Gets the image width
|
|
95
|
-
*/
|
|
96
|
-
get imageWidth(): number;
|
|
97
|
-
/**
|
|
98
|
-
* Gets the image height
|
|
99
|
-
*/
|
|
100
|
-
get imageHeight(): number;
|
|
101
|
-
/**
|
|
102
|
-
* Gets or sets a boolean indicating if nine patch slices (left, top, right, bottom) should be read from image data
|
|
103
|
-
*/
|
|
104
|
-
get populateNinePatchSlicesFromImage(): boolean;
|
|
105
|
-
set populateNinePatchSlicesFromImage(value: boolean);
|
|
106
|
-
/** Indicates if the format of the image is SVG */
|
|
107
|
-
get isSVG(): boolean;
|
|
108
|
-
/** Gets the status of the SVG attributes computation (sourceLeft, sourceTop, sourceWidth, sourceHeight) */
|
|
109
|
-
get svgAttributesComputationCompleted(): boolean;
|
|
110
|
-
/**
|
|
111
|
-
* Gets or sets a boolean indicating if the image can force its container to adapt its size
|
|
112
|
-
* @see https://doc.babylonjs.com/how_to/gui#image
|
|
113
|
-
*/
|
|
114
|
-
get autoScale(): boolean;
|
|
115
|
-
set autoScale(value: boolean);
|
|
116
|
-
/** Gets or sets the stretching mode used by the image */
|
|
117
|
-
get stretch(): number;
|
|
118
|
-
set stretch(value: number);
|
|
119
|
-
/**
|
|
120
|
-
* @param n
|
|
121
|
-
* @param preserveProperties
|
|
122
|
-
* @hidden
|
|
123
|
-
*/
|
|
124
|
-
_rotate90(n: number, preserveProperties?: boolean): Image;
|
|
125
|
-
private _handleRotationForSVGImage;
|
|
126
|
-
private _rotate90SourceProperties;
|
|
127
|
-
private _extractNinePatchSliceDataFromImage;
|
|
128
|
-
/**
|
|
129
|
-
* Gets or sets the internal DOM image used to render the control
|
|
130
|
-
*/
|
|
131
|
-
set domImage(value: IImage);
|
|
132
|
-
get domImage(): IImage;
|
|
133
|
-
private _onImageLoaded;
|
|
134
|
-
/**
|
|
135
|
-
* Gets the image source url
|
|
136
|
-
*/
|
|
137
|
-
get source(): Nullable<string>;
|
|
138
|
-
/**
|
|
139
|
-
* Gets or sets image source url
|
|
140
|
-
*/
|
|
141
|
-
set source(value: Nullable<string>);
|
|
142
|
-
/**
|
|
143
|
-
* Checks for svg document with icon id present
|
|
144
|
-
* @param value
|
|
145
|
-
*/
|
|
146
|
-
private _svgCheck;
|
|
147
|
-
/**
|
|
148
|
-
* Sets sourceLeft, sourceTop, sourceWidth, sourceHeight automatically
|
|
149
|
-
* given external svg file and icon id
|
|
150
|
-
* @param svgsrc
|
|
151
|
-
* @param elemid
|
|
152
|
-
*/
|
|
153
|
-
private _getSVGAttribs;
|
|
154
|
-
/**
|
|
155
|
-
* Gets or sets the cell width to use when animation sheet is enabled
|
|
156
|
-
* @see https://doc.babylonjs.com/how_to/gui#image
|
|
157
|
-
*/
|
|
158
|
-
get cellWidth(): number;
|
|
159
|
-
set cellWidth(value: number);
|
|
160
|
-
/**
|
|
161
|
-
* Gets or sets the cell height to use when animation sheet is enabled
|
|
162
|
-
* @see https://doc.babylonjs.com/how_to/gui#image
|
|
163
|
-
*/
|
|
164
|
-
get cellHeight(): number;
|
|
165
|
-
set cellHeight(value: number);
|
|
166
|
-
/**
|
|
167
|
-
* Gets or sets the cell id to use (this will turn on the animation sheet mode)
|
|
168
|
-
* @see https://doc.babylonjs.com/how_to/gui#image
|
|
169
|
-
*/
|
|
170
|
-
get cellId(): number;
|
|
171
|
-
set cellId(value: number);
|
|
172
|
-
/**
|
|
173
|
-
* Creates a new Image
|
|
174
|
-
* @param name defines the control name
|
|
175
|
-
* @param url defines the image url
|
|
176
|
-
*/
|
|
177
|
-
constructor(name?: string | undefined, url?: Nullable<string>);
|
|
178
|
-
/**
|
|
179
|
-
* Tests if a given coordinates belong to the current control
|
|
180
|
-
* @param x defines x coordinate to test
|
|
181
|
-
* @param y defines y coordinate to test
|
|
182
|
-
* @returns true if the coordinates are inside the control
|
|
183
|
-
*/
|
|
184
|
-
contains(x: number, y: number): boolean;
|
|
185
|
-
protected _getTypeName(): string;
|
|
186
|
-
/** Force the control to synchronize with its content */
|
|
187
|
-
synchronizeSizeWithContent(): void;
|
|
188
|
-
protected _processMeasures(parentMeasure: Measure, context: ICanvasRenderingContext): void;
|
|
189
|
-
private _prepareWorkingCanvasForOpaqueDetection;
|
|
190
|
-
private _drawImage;
|
|
191
|
-
_draw(context: ICanvasRenderingContext): void;
|
|
192
|
-
private _renderNinePatch;
|
|
193
|
-
dispose(): void;
|
|
194
|
-
/** STRETCH_NONE */
|
|
195
|
-
static readonly STRETCH_NONE = 0;
|
|
196
|
-
/** STRETCH_FILL */
|
|
197
|
-
static readonly STRETCH_FILL = 1;
|
|
198
|
-
/** STRETCH_UNIFORM */
|
|
199
|
-
static readonly STRETCH_UNIFORM = 2;
|
|
200
|
-
/** STRETCH_EXTEND */
|
|
201
|
-
static readonly STRETCH_EXTEND = 3;
|
|
202
|
-
/** NINE_PATCH */
|
|
203
|
-
static readonly STRETCH_NINE_PATCH = 4;
|
|
204
|
-
}
|
|
1
|
+
import { Nullable } from "@babylonjs/core/types.js";
|
|
2
|
+
import { Observable } from "@babylonjs/core/Misc/observable.js";
|
|
3
|
+
import { Control } from "./control";
|
|
4
|
+
import { Measure } from "../measure";
|
|
5
|
+
import { ICanvasRenderingContext, IImage } from "@babylonjs/core/Engines/ICanvas.js";
|
|
6
|
+
/**
|
|
7
|
+
* Class used to create 2D images
|
|
8
|
+
*/
|
|
9
|
+
export declare class Image extends Control {
|
|
10
|
+
name?: string | undefined;
|
|
11
|
+
private _workingCanvas;
|
|
12
|
+
private _domImage;
|
|
13
|
+
private _imageWidth;
|
|
14
|
+
private _imageHeight;
|
|
15
|
+
private _loaded;
|
|
16
|
+
private _stretch;
|
|
17
|
+
private _source;
|
|
18
|
+
private _autoScale;
|
|
19
|
+
private _sourceLeft;
|
|
20
|
+
private _sourceTop;
|
|
21
|
+
private _sourceWidth;
|
|
22
|
+
private _sourceHeight;
|
|
23
|
+
private _svgAttributesComputationCompleted;
|
|
24
|
+
private _isSVG;
|
|
25
|
+
private _cellWidth;
|
|
26
|
+
private _cellHeight;
|
|
27
|
+
private _cellId;
|
|
28
|
+
private _sliceLeft;
|
|
29
|
+
private _sliceRight;
|
|
30
|
+
private _sliceTop;
|
|
31
|
+
private _sliceBottom;
|
|
32
|
+
private _populateNinePatchSlicesFromImage;
|
|
33
|
+
private _detectPointerOnOpaqueOnly;
|
|
34
|
+
private _imageDataCache;
|
|
35
|
+
/**
|
|
36
|
+
* Observable notified when the content is loaded
|
|
37
|
+
*/
|
|
38
|
+
onImageLoadedObservable: Observable<Image>;
|
|
39
|
+
/**
|
|
40
|
+
* Observable notified when _sourceLeft, _sourceTop, _sourceWidth and _sourceHeight are computed
|
|
41
|
+
*/
|
|
42
|
+
onSVGAttributesComputedObservable: Observable<Image>;
|
|
43
|
+
/**
|
|
44
|
+
* Gets a boolean indicating that the content is loaded
|
|
45
|
+
*/
|
|
46
|
+
get isLoaded(): boolean;
|
|
47
|
+
/**
|
|
48
|
+
* Gets or sets a boolean indicating if pointers should only be validated on pixels with alpha > 0.
|
|
49
|
+
* Beware using this as this will consume more memory as the image has to be stored twice
|
|
50
|
+
*/
|
|
51
|
+
get detectPointerOnOpaqueOnly(): boolean;
|
|
52
|
+
set detectPointerOnOpaqueOnly(value: boolean);
|
|
53
|
+
/**
|
|
54
|
+
* Gets or sets the left value for slicing (9-patch)
|
|
55
|
+
*/
|
|
56
|
+
get sliceLeft(): number;
|
|
57
|
+
set sliceLeft(value: number);
|
|
58
|
+
/**
|
|
59
|
+
* Gets or sets the right value for slicing (9-patch)
|
|
60
|
+
*/
|
|
61
|
+
get sliceRight(): number;
|
|
62
|
+
set sliceRight(value: number);
|
|
63
|
+
/**
|
|
64
|
+
* Gets or sets the top value for slicing (9-patch)
|
|
65
|
+
*/
|
|
66
|
+
get sliceTop(): number;
|
|
67
|
+
set sliceTop(value: number);
|
|
68
|
+
/**
|
|
69
|
+
* Gets or sets the bottom value for slicing (9-patch)
|
|
70
|
+
*/
|
|
71
|
+
get sliceBottom(): number;
|
|
72
|
+
set sliceBottom(value: number);
|
|
73
|
+
/**
|
|
74
|
+
* Gets or sets the left coordinate in the source image
|
|
75
|
+
*/
|
|
76
|
+
get sourceLeft(): number;
|
|
77
|
+
set sourceLeft(value: number);
|
|
78
|
+
/**
|
|
79
|
+
* Gets or sets the top coordinate in the source image
|
|
80
|
+
*/
|
|
81
|
+
get sourceTop(): number;
|
|
82
|
+
set sourceTop(value: number);
|
|
83
|
+
/**
|
|
84
|
+
* Gets or sets the width to capture in the source image
|
|
85
|
+
*/
|
|
86
|
+
get sourceWidth(): number;
|
|
87
|
+
set sourceWidth(value: number);
|
|
88
|
+
/**
|
|
89
|
+
* Gets or sets the height to capture in the source image
|
|
90
|
+
*/
|
|
91
|
+
get sourceHeight(): number;
|
|
92
|
+
set sourceHeight(value: number);
|
|
93
|
+
/**
|
|
94
|
+
* Gets the image width
|
|
95
|
+
*/
|
|
96
|
+
get imageWidth(): number;
|
|
97
|
+
/**
|
|
98
|
+
* Gets the image height
|
|
99
|
+
*/
|
|
100
|
+
get imageHeight(): number;
|
|
101
|
+
/**
|
|
102
|
+
* Gets or sets a boolean indicating if nine patch slices (left, top, right, bottom) should be read from image data
|
|
103
|
+
*/
|
|
104
|
+
get populateNinePatchSlicesFromImage(): boolean;
|
|
105
|
+
set populateNinePatchSlicesFromImage(value: boolean);
|
|
106
|
+
/** Indicates if the format of the image is SVG */
|
|
107
|
+
get isSVG(): boolean;
|
|
108
|
+
/** Gets the status of the SVG attributes computation (sourceLeft, sourceTop, sourceWidth, sourceHeight) */
|
|
109
|
+
get svgAttributesComputationCompleted(): boolean;
|
|
110
|
+
/**
|
|
111
|
+
* Gets or sets a boolean indicating if the image can force its container to adapt its size
|
|
112
|
+
* @see https://doc.babylonjs.com/how_to/gui#image
|
|
113
|
+
*/
|
|
114
|
+
get autoScale(): boolean;
|
|
115
|
+
set autoScale(value: boolean);
|
|
116
|
+
/** Gets or sets the stretching mode used by the image */
|
|
117
|
+
get stretch(): number;
|
|
118
|
+
set stretch(value: number);
|
|
119
|
+
/**
|
|
120
|
+
* @param n
|
|
121
|
+
* @param preserveProperties
|
|
122
|
+
* @hidden
|
|
123
|
+
*/
|
|
124
|
+
_rotate90(n: number, preserveProperties?: boolean): Image;
|
|
125
|
+
private _handleRotationForSVGImage;
|
|
126
|
+
private _rotate90SourceProperties;
|
|
127
|
+
private _extractNinePatchSliceDataFromImage;
|
|
128
|
+
/**
|
|
129
|
+
* Gets or sets the internal DOM image used to render the control
|
|
130
|
+
*/
|
|
131
|
+
set domImage(value: IImage);
|
|
132
|
+
get domImage(): IImage;
|
|
133
|
+
private _onImageLoaded;
|
|
134
|
+
/**
|
|
135
|
+
* Gets the image source url
|
|
136
|
+
*/
|
|
137
|
+
get source(): Nullable<string>;
|
|
138
|
+
/**
|
|
139
|
+
* Gets or sets image source url
|
|
140
|
+
*/
|
|
141
|
+
set source(value: Nullable<string>);
|
|
142
|
+
/**
|
|
143
|
+
* Checks for svg document with icon id present
|
|
144
|
+
* @param value
|
|
145
|
+
*/
|
|
146
|
+
private _svgCheck;
|
|
147
|
+
/**
|
|
148
|
+
* Sets sourceLeft, sourceTop, sourceWidth, sourceHeight automatically
|
|
149
|
+
* given external svg file and icon id
|
|
150
|
+
* @param svgsrc
|
|
151
|
+
* @param elemid
|
|
152
|
+
*/
|
|
153
|
+
private _getSVGAttribs;
|
|
154
|
+
/**
|
|
155
|
+
* Gets or sets the cell width to use when animation sheet is enabled
|
|
156
|
+
* @see https://doc.babylonjs.com/how_to/gui#image
|
|
157
|
+
*/
|
|
158
|
+
get cellWidth(): number;
|
|
159
|
+
set cellWidth(value: number);
|
|
160
|
+
/**
|
|
161
|
+
* Gets or sets the cell height to use when animation sheet is enabled
|
|
162
|
+
* @see https://doc.babylonjs.com/how_to/gui#image
|
|
163
|
+
*/
|
|
164
|
+
get cellHeight(): number;
|
|
165
|
+
set cellHeight(value: number);
|
|
166
|
+
/**
|
|
167
|
+
* Gets or sets the cell id to use (this will turn on the animation sheet mode)
|
|
168
|
+
* @see https://doc.babylonjs.com/how_to/gui#image
|
|
169
|
+
*/
|
|
170
|
+
get cellId(): number;
|
|
171
|
+
set cellId(value: number);
|
|
172
|
+
/**
|
|
173
|
+
* Creates a new Image
|
|
174
|
+
* @param name defines the control name
|
|
175
|
+
* @param url defines the image url
|
|
176
|
+
*/
|
|
177
|
+
constructor(name?: string | undefined, url?: Nullable<string>);
|
|
178
|
+
/**
|
|
179
|
+
* Tests if a given coordinates belong to the current control
|
|
180
|
+
* @param x defines x coordinate to test
|
|
181
|
+
* @param y defines y coordinate to test
|
|
182
|
+
* @returns true if the coordinates are inside the control
|
|
183
|
+
*/
|
|
184
|
+
contains(x: number, y: number): boolean;
|
|
185
|
+
protected _getTypeName(): string;
|
|
186
|
+
/** Force the control to synchronize with its content */
|
|
187
|
+
synchronizeSizeWithContent(): void;
|
|
188
|
+
protected _processMeasures(parentMeasure: Measure, context: ICanvasRenderingContext): void;
|
|
189
|
+
private _prepareWorkingCanvasForOpaqueDetection;
|
|
190
|
+
private _drawImage;
|
|
191
|
+
_draw(context: ICanvasRenderingContext): void;
|
|
192
|
+
private _renderNinePatch;
|
|
193
|
+
dispose(): void;
|
|
194
|
+
/** STRETCH_NONE */
|
|
195
|
+
static readonly STRETCH_NONE = 0;
|
|
196
|
+
/** STRETCH_FILL */
|
|
197
|
+
static readonly STRETCH_FILL = 1;
|
|
198
|
+
/** STRETCH_UNIFORM */
|
|
199
|
+
static readonly STRETCH_UNIFORM = 2;
|
|
200
|
+
/** STRETCH_EXTEND */
|
|
201
|
+
static readonly STRETCH_EXTEND = 3;
|
|
202
|
+
/** NINE_PATCH */
|
|
203
|
+
static readonly STRETCH_NINE_PATCH = 4;
|
|
204
|
+
}
|