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
| const config = `
| <View>
| <Image name="img" value="$image"></Image>
| <EllipseLabels name="tag" toName="img" fillOpacity="0.5" strokeWidth="3">
| <Label value="Hello" background="yellow"></Label>
| <Label value="World" background="red"></Label>
| </EllipseLabels>
| <Choices name="choice" toName="img">
| <Choice value="Space" />
| <Choice value="Underground" />
| </Choices>
| </View>
| `;
|
| const data = {
| image:
| "https://htx-pub.s3.us-east-1.amazonaws.com/examples/images/nick-owuor-astro-nic-visuals-wDifg5xc9Z4-unsplash.jpg",
| };
|
| const result = [
| {
| from_name: "tag",
| id: "CPnIaS1e7v",
| image_rotation: 0,
| original_height: 2802,
| original_width: 2242,
| to_name: "img",
| type: "ellipselabels",
| origin: "manual",
| value: {
| x: 50.4,
| y: 50.76307363927427,
| ellipselabels: ["Hello"],
| rotation: 0,
| radiusY: 10.672358591248665,
| radiusX: 13.333333333333334,
| },
| },
| {
| from_name: "tag",
| id: "CPnIaS1e8v",
| image_rotation: 0,
| original_height: 2802,
| original_width: 2242,
| to_name: "img",
| type: "ellipselabels",
| origin: "manual",
| value: {
| x: 80,
| y: 80,
| ellipselabels: ["World"],
| rotation: 0,
| radiusY: 5,
| radiusX: 7,
| },
| },
| {
| from_name: "choice",
| id: "CkRNBWbSiK",
| to_name: "img",
| type: "choices",
| origin: "manual",
| value: {
| choices: ["Space"],
| },
| },
| ];
|
| const title = "Ellipses on Image";
|
| module.exports = { config, data, result, title };
|
|
