Created: 2024-01-12 | Updated: 2024-08-11
WEB Client
New (v0.3.20)
Table of contents
Node Type: web_client
Rendering:
Code Snippet:
# given
mcd = MultiCloudDiagrams()
# when
mcd.add_vertex(node_id="web",
node_name='Chrome v.52',
node_type='web_client',
hide_id=True)
drawio web_client vertex:
<mxCell id="vertex:web_client:web" parent="1" vertex="1">
<mxGeometry width="78" height="76" as="geometry"/>
</mxCell>
Advanced for Geeks:
Style:
style="sketch=0;outlineConnect=0;gradientColor=none;fillColor=#232F3D;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=left;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.client;labelBackgroundColor=none;"
attribute | value |
---|---|
align | left |
aspect | fixed |
dashed | 0 |
fillColor | #232F3D |
fontSize | 12 |
fontStyle | 0 |
gradientColor | none |
html | 1 |
labelBackgroundColor | none |
outlineConnect | 0 |
pointerEvents | 1 |
shape | mxgraph.aws4.client |
sketch | 0 |
strokeColor | none |
verticalAlign | top |
verticalLabelPosition | bottom |
Vertex size:
attribute | value |
---|---|
width | 78 |
height | 76 |
Full XML dump:
<mxfile host="multicloud-diagrams" agent="PIP package multicloud-diagrams. Generate resources in draw.io compatible format for Cloud infrastructure. Copyrights @ Roman Tsypuk 2023. MIT license." type="MultiCloud">
<diagram id="diagram_1" name="AWS components">
<mxGraphModel dx="1015" dy="661" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="850" pageHeight="1100" math="0" shadow="1">
<root>
<mxCell id="0"/>
<mxCell id="1" parent="0"/>
<mxCell id="vertex:web_client:web" value="<b>Name</b>: Chrome v.52" style="sketch=0;outlineConnect=0;gradientColor=none;fillColor=#232F3D;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=left;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.client;labelBackgroundColor=none;" parent="1" vertex="1">
<mxGeometry width="78" height="76" as="geometry"/>
</mxCell>
</root>
</mxGraphModel>
</diagram>
</mxfile>
drawio file:
Download generated web_client.drawio
: