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
|
<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" style="background: transparent; background-color: transparent;" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="451px" height="261px" viewBox="-0.5 -0.5 451 261" content="<mxfile><diagram id="objTApYHlBqCKos3M7rL" name="Page-1">1VdNc5swEP01HNPhw9j4mDh2emhmOs2h06MCa1ArEBUitvvruwLJIINTtyFtSmZi9Hb19d7uSjjBKt/fCVJm9zwB5vhusneCW8f3PTcI8EchhxaJgnkLpIIm2qkDHugPMD01WtMEKstRcs4kLW0w5kUBsbQwIgTf2W5bzuxZS5LCAHiICRuin2kiM40ufbczvAeaZmZq39WWnBhvDVQZSfiuBwVrJ1gJzmX7lu9XwBR7hpi23+aM9bgyAYW8pMOs7fBEWK03p9clD2a3gtdFAsrfdYKbXUYlPJQkVtYd6otYJnOGLQ9ft5SxFWdcNH2DTfMgPlyXXuoTCAn7HqTXeQc8BykO6KKtM8OZjprZXLd3nQazUGNZj37fOBKte3ocu2MGXzQ540QFI0TNmVRb5rgljKKWEkS/10q9m0/8kUvu+CtFJymqqwoE3XZ2i2UDqsGuqibir9HBi8p9v8c8Vb/3JM5oAY4iZIP/VzwvawnCrAjRdlGt+0BRJFzaslVS8G9ghCs4Dm5rqSHCaFpgM0YZcb7gRslHMTOutSGnSaKmGY0TO5ImCIlwdhIS0TAk/GAsJCaICG+YKpBgndBNLmTGU14Qtu7QEwo6nw+cl1qLryDlQRc9UmMEWUqdZa3itdAR6C91USQiBe21aCG1wmeZFcCIpE92pXsJTcvXSJz4WGI6MNg2zx8kWJNZJzn2BelsJkrg0rTCWl6q1wz2BEVFlxIXjoSpTDHoRwP5lxTTPZjjb6S4LiCcx/5ExTW0MykcKa6eP5JJ0RSZ5I3EyAm5KWZOOeQgctXfb3FwvBeQRzO4+yw3c++EG3+kyngj3HhTHDxm4F+TM2Tg5RT8lS0uXvcSsmye8RhxzzD0j5iI3tAtY0OZtmcgOFTvksf//oJxudzaahQ52PeGflUMZ69zvwjfUCzcEkkuFR93gR9i5yTqxQSpyvbrrDnnhnm7JVOpuLAL+MjZFk1ztGGz+3ZrbL1P4GD9Ew==</diagram></mxfile>">
<defs/>
<g>
<g>
<rect x="0" y="0" width="450" height="260" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<rect x="120" y="20" width="230" height="20" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 228px; height: 1px; padding-top: 30px; margin-left: 121px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: "Helvetica"; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 18px" face="Roboto, sans-serif">
Machine / Computer
</font>
</div>
</div>
</div>
</foreignObject>
<text x="235" y="34" fill="light-dark(#000000, #ffffff)" font-family=""Helvetica"" font-size="12px" text-anchor="middle">
Machine / Computer
</text>
</switch>
</g>
</g>
<g>
<path d="M 150 140 L 183.63 140" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 188.88 140 L 181.88 143.5 L 183.63 140 L 181.88 136.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<path d="M 50 100 L 130 100 L 150 140 L 130 180 L 50 180 L 30 140 Z" fill="#7e56c2" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(126, 86, 194), rgb(169, 135, 228)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 140px; margin-left: 31px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: "Helvetica"; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 18px; color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18));" color="#ffffff" face="Roboto, sans-serif">
Your code
</font>
</div>
</div>
</div>
</foreignObject>
<text x="90" y="144" fill="light-dark(#000000, #ffffff)" font-family=""Helvetica"" font-size="12px" text-anchor="middle">
Your code
</text>
</switch>
</g>
</g>
<g>
<rect x="190" y="60" width="210" height="160" fill="#808080" stroke="none" pointer-events="all" style="fill: light-dark(rgb(128, 128, 128), rgb(127, 127, 127));"/>
</g>
<g/>
<g>
<rect x="190" y="60" width="210" height="160" fill="#999999" stroke="#000000" pointer-events="all" style="fill: light-dark(rgb(153, 153, 153), rgb(106, 106, 106)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<rect x="218" y="80" width="154" height="20" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 152px; height: 1px; padding-top: 90px; margin-left: 219px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: "Helvetica"; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 18px" face="Roboto, sans-serif">
File: heroes.db
</font>
</div>
</div>
</div>
</foreignObject>
<text x="295" y="94" fill="light-dark(#000000, #ffffff)" font-family=""Helvetica"" font-size="12px" text-anchor="middle">
File: heroes.db
</text>
</switch>
</g>
</g>
<g>
<ellipse cx="300" cy="160" rx="40" ry="40" fill="#fa0" stroke="#000000" pointer-events="all" style="fill: light-dark(rgb(255, 170, 0), rgb(0, 0, 0)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 160px; margin-left: 261px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: "Helvetica"; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 18px" face="Roboto, sans-serif">
Data
</font>
</div>
</div>
</div>
</foreignObject>
<text x="300" y="164" fill="light-dark(#000000, #ffffff)" font-family=""Helvetica"" font-size="12px" text-anchor="middle">
Data
</text>
</switch>
</g>
</g>
</g>
<switch>
<g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
<a transform="translate(0,-5)" xlink:href="https://www.drawio.com/doc/faq/svg-export-text-problems" target="_blank">
<text text-anchor="middle" font-size="10px" x="50%" y="100%">
Text is not SVG - cannot display
</text>
</a>
</switch>
</svg>
|
