-
Notifications
You must be signed in to change notification settings - Fork 0
/
a-image.d.ts
122 lines (109 loc) · 2.61 KB
/
a-image.d.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
/// <reference path="a-entity.d.ts" />
declare module JSX {
interface IntrinsicElements {
/**
* @see https://aframe.io/docs/1.3.0/primitives/a-image.html
*
* The image primitive shows an image on a flat plane.
*
* @example
* ```html
* <a-scene>
* <a-assets>
* <img id="my-image" src="image.png">
* </a-assets>
*
* <!-- Using the asset management system. -->
* <a-image src="#my-image"></a-image>
*
* <!-- Defining the URL inline. Not recommended but more comfortable for web developers. -->
* <a-image src="another-image.png"></a-image>
* </a-scene>
* ```
*
* @attributes
* |Attribute|Description|Default Value|
* |:-|:-|:-|
* |color|material.color|#FFF|
* |height|geometry.height|1|
* |metalness|material.metalness|0|
* |opacity|material.opacity|1|
* |repeat|material.repeat|None|
* |roughness|material.roughness|0.5|
* |segments-height|geometry.segmentsHeight|1|
* |segments-width|geometry.segmentsWidth|1|
* |shader|material.shader|flat|
* |side|material.side|front|
* |src|material.src|None|
* |transparent|material.transparent|true|
* |width|geometry.width|1|
*/
'a-image': {
/**
* material.color
* @default "#FFF"
*/
'color'?: string;
/**
* geometry.height
* @default "1"
*/
'height'?: string;
/**
* material.metalness
* @default "0"
*/
'metalness'?: string;
/**
* material.opacity
* @default "1"
*/
'opacity'?: string;
/**
* material.repeat
* @default "None"
*/
'repeat'?: string;
/**
* material.roughness
* @default "0.5"
*/
'roughness'?: string;
/**
* geometry.segmentsHeight
* @default "1"
*/
'segments-height'?: string;
/**
* geometry.segmentsWidth
* @default "1"
*/
'segments-width'?: string;
/**
* material.shader
* @default "flat"
*/
'shader'?: string;
/**
* material.side
* @default "front"
*/
'side'?: string;
/**
* material.src
* @default "None"
*/
'src'?: string;
/**
* material.transparent
* @default "true"
*/
'transparent'?: string;
/**
* geometry.width
* @default "1"
*/
'width'?: string;
} | JSX.IntrinsicElements['a-entity'];
}
}