istio
/
istio.io
mirror of https://github.com/istio/istio.io.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

[zh] Localization svgs in additional-setup/gateway (#14526) 

Signed-off-by: xin.li <xin.li@daocloud.io>
This commit is contained in:
my-git9 2024-01-25 10:43:03 +08:00 committed by GitHub
parent 69e49a5cf6
commit 36a9aa4209
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 356 additions and 351 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

265
content/zh/docs/setup/additional-setup/gateway/high-level-canary.svg
View File

@ -9,14 +9,14 @@
id="svg11" id="svg11"
sodipodi:docname="high-level-canary.svg" sodipodi:docname="high-level-canary.svg"
inkscape:version="1.3 (0e150ed, 2023-07-21)" inkscape:version="1.3 (0e150ed, 2023-07-21)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"
xmlns:xhtml="http://www.w3.org/1999/xhtml"> xmlns:xhtml="http://www.w3.org/1999/xhtml">
<defs <defs
id="defs11" /> id="defs11" />
<sodipodi:namedview <sodipodi:namedview
id="namedview11" id="namedview11"
pagecolor="#ffffff" pagecolor="#ffffff"
bordercolor="#000000" bordercolor="#000000"
@ -35,9 +35,9 @@
inkscape:window-y="25" inkscape:window-y="25"
inkscape:window-maximized="0" inkscape:window-maximized="0"
inkscape:current-layer="svg11" /> inkscape:current-layer="svg11" />
<g <g
id="g11"> id="g11">
<rect <rect
width="200" width="200"
height="140" height="140"
x="0" x="0"
@ -46,36 +46,36 @@
stroke="#000" stroke="#000"
pointer-events="all" pointer-events="all"
id="rect1" /> id="rect1" />
<g <g
transform="translate(-0.5 -0.5)" transform="translate(-0.5 -0.5)"
id="g1"> id="g1">
<switch <switch
id="switch1"> id="switch1">
<foreignObject <foreignObject
style="overflow:visible;text-align:left" style="overflow:visible;text-align:left"
width="100%" width="100%"
height="100%" height="100%"
pointer-events="none" pointer-events="none"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"> requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<xhtml:div <xhtml:div
style="display:flex;align-items:unsafe flex-start;justify-content:unsafe flex-start;width:198px;height:1px;padding-top:297px;margin-left:2px"> style="display:flex;align-items:unsafe flex-start;justify-content:unsafe flex-start;width:198px;height:1px;padding-top:297px;margin-left:2px">
<xhtml:div <xhtml:div
style="box-sizing:border-box;font-size:0;text-align:left"> style="box-sizing:border-box;font-size:0;text-align:left">
<xhtml:div <xhtml:div
style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;word-wrap:normal">istio-ingress Deployment</xhtml:div> style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;word-wrap:normal">istio-ingress Deployment</xhtml:div>
</xhtml:div> </xhtml:div>
</xhtml:div> </xhtml:div>
</foreignObject> </foreignObject>
<text <text
x="2" x="2"
y="309" y="309"
fill="#000" fill="#000"
font-family="Helvetica" font-family="Helvetica"
font-size="12" font-size="12"
id="text1">istio-ingress Deployment</text> id="text1">istio-ingress Deployment</text>
</switch> </switch>
</g> </g>
<rect <rect
width="150" width="150"
height="60" height="60"
x="25" x="25"
@ -86,36 +86,36 @@
rx="9" rx="9"
ry="9" ry="9"
id="rect2" /> id="rect2" />
<g <g
transform="translate(-0.5 -0.5)" transform="translate(-0.5 -0.5)"
id="g2"> id="g2">
<switch <switch
id="switch2"> id="switch2">
<foreignObject <foreignObject
style="overflow:visible;text-align:left" style="overflow:visible;text-align:left"
width="100%" width="100%"
height="100%" height="100%"
pointer-events="none" pointer-events="none"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"> requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<xhtml:div <xhtml:div
style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:148px;height:1px;padding-top:370px;margin-left:26px"> style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:148px;height:1px;padding-top:370px;margin-left:26px">
<xhtml:div <xhtml:div
style="box-sizing:border-box;font-size:0;text-align:center"> style="box-sizing:border-box;font-size:0;text-align:center">
<xhtml:div <xhtml:div
style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;word-wrap:normal"> style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;word-wrap:normal">
<xhtml:font> <xhtml:font>
<xhtml:span <xhtml:span
style="font-size:16px">istio-ingress Pod</xhtml:span> style="font-size:16px">istio-ingress Pod</xhtml:span>
<xhtml:br /> <xhtml:br />
<xhtml:font <xhtml:font
style="font-size:11px">revision=default</xhtml:font> style="font-size:11px">revision=default</xhtml:font>
<xhtml:br /> <xhtml:br />
</xhtml:font> </xhtml:font>
</xhtml:div> </xhtml:div>
</xhtml:div> </xhtml:div>
</xhtml:div> </xhtml:div>
</foreignObject> </foreignObject>
<text <text
x="100" x="100"
y="374" y="374"
fill="#000" fill="#000"
@ -123,23 +123,23 @@
font-size="12" font-size="12"
text-anchor="middle" text-anchor="middle"
id="text2">istio-ingress Pod...</text> id="text2">istio-ingress Pod...</text>
</switch> </switch>
</g> </g>
<path <path
fill="none" fill="none"
stroke="#000" stroke="#000"
stroke-miterlimit="10" stroke-miterlimit="10"
d="M 100 210 L 100 283.63" d="M 100 210 L 100 283.63"
pointer-events="stroke" pointer-events="stroke"
id="path2" /> id="path2" />
<path <path
fill="#000" fill="#000"
stroke="#000" stroke="#000"
stroke-miterlimit="10" stroke-miterlimit="10"
d="M 100 288.88 L 96.5 281.88 L 100 283.63 L 103.5 281.88 Z" d="M 100 288.88 L 96.5 281.88 L 100 283.63 L 103.5 281.88 Z"
pointer-events="all" pointer-events="all"
id="path3" /> id="path3" />
<rect <rect
width="170" width="170"
height="60" height="60"
x="15" x="15"
@ -150,31 +150,33 @@
rx="9" rx="9"
ry="9" ry="9"
id="rect3" /> id="rect3" />
<g <g
transform="translate(-0.5 -0.5)" transform="translate(-0.5 -0.5)"
id="g3"> id="g3">
<switch <switch
id="switch3"> id="switch3">
<foreignObject <foreignObject
style="overflow:visible;text-align:left" style="overflow:visible;text-align:left"
width="100%" width="100%"
height="100%" height="100%"
pointer-events="none" pointer-events="none"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"> requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<xhtml:div <xhtml:div
style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:168px;height:1px;padding-top:180px;margin-left:16px"> style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:168px;height:1px;padding-top:180px;margin-left:16px">
<xhtml:div <xhtml:div
style="box-sizing:border-box;font-size:0;text-align:center"> style="box-sizing:border-box;font-size:0;text-align:center">
<xhtml:div <xhtml:div
style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;word-wrap:normal"> style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;word-wrap:normal">
<xhtml:font <xhtml:font
style="font-size:16px">istio-ingress<xhtml:br /> style="font-size:16px">istio-ingress
Service</xhtml:font> <xhtml:br />
</xhtml:div> Service
</xhtml:div> </xhtml:font>
</xhtml:div> </xhtml:div>
</foreignObject> </xhtml:div>
<text </xhtml:div>
</foreignObject>
<text
x="100" x="100"
y="184" y="184"
fill="#000" fill="#000"
@ -182,9 +184,9 @@ Service</xhtml:font>
font-size="12" font-size="12"
text-anchor="middle" text-anchor="middle"
id="text3">istio-ingress...</text> id="text3">istio-ingress...</text>
</switch> </switch>
</g> </g>
<rect <rect
width="200" width="200"
height="140" height="140"
x="220" x="220"
@ -193,36 +195,36 @@ Service</xhtml:font>
stroke="#000" stroke="#000"
pointer-events="all" pointer-events="all"
id="rect4" /> id="rect4" />
<g <g
transform="translate(-0.5 -0.5)" transform="translate(-0.5 -0.5)"
id="g4"> id="g4">
<switch <switch
id="switch4"> id="switch4">
<foreignObject <foreignObject
style="overflow:visible;text-align:left" style="overflow:visible;text-align:left"
width="100%" width="100%"
height="100%" height="100%"
pointer-events="none" pointer-events="none"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"> requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<xhtml:div <xhtml:div
style="display:flex;align-items:unsafe flex-start;justify-content:unsafe flex-start;width:198px;height:1px;padding-top:297px;margin-left:222px"> style="display:flex;align-items:unsafe flex-start;justify-content:unsafe flex-start;width:198px;height:1px;padding-top:297px;margin-left:222px">
<xhtml:div <xhtml:div
style="box-sizing:border-box;font-size:0;text-align:left"> style="box-sizing:border-box;font-size:0;text-align:left">
<xhtml:div <xhtml:div
style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;word-wrap:normal">istio-ingress-canary Deployment</xhtml:div> style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;word-wrap:normal">istio-ingress-canary Deployment</xhtml:div>
</xhtml:div> </xhtml:div>
</xhtml:div> </xhtml:div>
</foreignObject> </foreignObject>
<text <text
x="222" x="222"
y="309" y="309"
fill="#000" fill="#000"
font-family="Helvetica" font-family="Helvetica"
font-size="12" font-size="12"
id="text4">istio-ingress-canary Deployment</text> id="text4">istio-ingress-canary Deployment</text>
</switch> </switch>
</g> </g>
<rect <rect
width="150" width="150"
height="60" height="60"
x="245" x="245"
@ -233,36 +235,36 @@ Service</xhtml:font>
rx="9" rx="9"
ry="9" ry="9"
id="rect5" /> id="rect5" />
<g <g
transform="translate(-0.5 -0.5)" transform="translate(-0.5 -0.5)"
id="g5"> id="g5">
<switch <switch
id="switch5"> id="switch5">
<foreignObject <foreignObject
style="overflow:visible;text-align:left" style="overflow:visible;text-align:left"
width="100%" width="100%"
height="100%" height="100%"
pointer-events="none" pointer-events="none"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"> requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<xhtml:div <xhtml:div
style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:148px;height:1px;padding-top:370px;margin-left:246px"> style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:148px;height:1px;padding-top:370px;margin-left:246px">
<xhtml:div <xhtml:div
style="box-sizing:border-box;font-size:0;text-align:center"> style="box-sizing:border-box;font-size:0;text-align:center">
<xhtml:div <xhtml:div
style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;word-wrap:normal"> style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;word-wrap:normal">
<xhtml:font> <xhtml:font>
<xhtml:span <xhtml:span
style="font-size:16px">istio-ingress Pod</xhtml:span> style="font-size:16px">istio-ingress Pod</xhtml:span>
<xhtml:br /> <xhtml:br />
<xhtml:font <xhtml:font
style="font-size:11px">revision=canary</xhtml:font> style="font-size:11px">revision=canary</xhtml:font>
<xhtml:br /> <xhtml:br />
</xhtml:font> </xhtml:font>
</xhtml:div> </xhtml:div>
</xhtml:div> </xhtml:div>
</xhtml:div> </xhtml:div>
</foreignObject> </foreignObject>
<text <text
x="320" x="320"
y="374" y="374"
fill="#000" fill="#000"
@ -270,23 +272,23 @@ Service</xhtml:font>
font-size="12" font-size="12"
text-anchor="middle" text-anchor="middle"
id="text5">istio-ingress Pod...</text> id="text5">istio-ingress Pod...</text>
</switch> </switch>
</g> </g>
<path <path
fill="none" fill="none"
stroke="#000" stroke="#000"
stroke-miterlimit="10" stroke-miterlimit="10"
d="M 320 210 L 320 283.63" d="M 320 210 L 320 283.63"
pointer-events="stroke" pointer-events="stroke"
id="path5" /> id="path5" />
<path <path
fill="#000" fill="#000"
stroke="#000" stroke="#000"
stroke-miterlimit="10" stroke-miterlimit="10"
d="M 320 288.88 L 316.5 281.88 L 320 283.63 L 323.5 281.88 Z" d="M 320 288.88 L 316.5 281.88 L 320 283.63 L 323.5 281.88 Z"
pointer-events="all" pointer-events="all"
id="path6" /> id="path6" />
<rect <rect
width="170" width="170"
height="60" height="60"
x="235" x="235"
@ -297,30 +299,30 @@ Service</xhtml:font>
rx="9" rx="9"
ry="9" ry="9"
id="rect6" /> id="rect6" />
<g <g
transform="translate(-0.5 -0.5)" transform="translate(-0.5 -0.5)"
id="g6"> id="g6">
<switch <switch
id="switch6"> id="switch6">
<foreignObject <foreignObject
style="overflow:visible;text-align:left" style="overflow:visible;text-align:left"
width="100%" width="100%"
height="100%" height="100%"
pointer-events="none" pointer-events="none"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"> requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<xhtml:div <xhtml:div
style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:168px;height:1px;padding-top:180px;margin-left:236px"> style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:168px;height:1px;padding-top:180px;margin-left:236px">
<xhtml:div <xhtml:div
style="box-sizing:border-box;font-size:0;text-align:center"> style="box-sizing:border-box;font-size:0;text-align:center">
<xhtml:div <xhtml:div
style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;word-wrap:normal"> style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;word-wrap:normal">
<xhtml:font <xhtml:font
style="font-size:16px">istio-ingress-canary Service</xhtml:font> style="font-size:16px">istio-ingress-canary Service</xhtml:font>
</xhtml:div> </xhtml:div>
</xhtml:div> </xhtml:div>
</xhtml:div> </xhtml:div>
</foreignObject> </foreignObject>
<text <text
x="320" x="320"
y="184" y="184"
fill="#000" fill="#000"
@ -328,37 +330,37 @@ Service</xhtml:font>
font-size="12" font-size="12"
text-anchor="middle" text-anchor="middle"
id="text6">istio-ingress-canary Service</text> id="text6">istio-ingress-canary Service</text>
</switch> </switch>
</g> </g>
<path <path
fill="none" fill="none"
stroke="#000" stroke="#000"
stroke-miterlimit="10" stroke-miterlimit="10"
d="M 220 60 L 220 105 L 100 105 L 100 143.63" d="M 220 60 L 220 105 L 100 105 L 100 143.63"
pointer-events="stroke" pointer-events="stroke"
id="path7" /> id="path7" />
<path <path
fill="#000" fill="#000"
stroke="#000" stroke="#000"
stroke-miterlimit="10" stroke-miterlimit="10"
d="M 100 148.88 L 96.5 141.88 L 100 143.63 L 103.5 141.88 Z" d="M 100 148.88 L 96.5 141.88 L 100 143.63 L 103.5 141.88 Z"
pointer-events="all" pointer-events="all"
id="path8" /> id="path8" />
<path <path
fill="none" fill="none"
stroke="#000" stroke="#000"
stroke-miterlimit="10" stroke-miterlimit="10"
d="M 220 60 L 220 105 L 320 105 L 320 143.63" d="M 220 60 L 220 105 L 320 105 L 320 143.63"
pointer-events="stroke" pointer-events="stroke"
id="path9" /> id="path9" />
<path <path
fill="#000" fill="#000"
stroke="#000" stroke="#000"
stroke-miterlimit="10" stroke-miterlimit="10"
d="M 320 148.88 L 316.5 141.88 L 320 143.63 L 323.5 141.88 Z" d="M 320 148.88 L 316.5 141.88 L 320 143.63 L 323.5 141.88 Z"
pointer-events="all" pointer-events="all"
id="path10" /> id="path10" />
<rect <rect
width="260" width="260"
height="60" height="60"
x="90" x="90"
@ -369,29 +371,32 @@ Service</xhtml:font>
rx="9" rx="9"
ry="9" ry="9"
id="rect10" /> id="rect10" />
<g <g
transform="translate(-0.5 -0.5)" transform="translate(-0.5 -0.5)"
id="g10"> id="g10">
<switch <switch
id="switch10"> id="switch10">
<foreignObject <foreignObject
style="overflow:visible;text-align:left" style="overflow:visible;text-align:left"
width="100%" width="100%"
height="100%" height="100%"
pointer-events="none" pointer-events="none"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"> requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<xhtml:div <xhtml:div
style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:258px;height:1px;padding-top:30px;margin-left:91px"> style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:258px;height:1px;padding-top:30px;margin-left:91px">
<xhtml:div <xhtml:div
style="box-sizing:border-box;font-size:0;text-align:center"> style="box-sizing:border-box;font-size:0;text-align:center">
<xhtml:div <xhtml:div
style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;word-wrap:normal">External Load Balancer<xhtml:br /> style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;word-wrap:normal">外部负载均衡
OR<xhtml:br /> <xhtml:br />
DNS configuration</xhtml:div> 或
</xhtml:div> <xhtml:br />
</xhtml:div> DNS 配置
</foreignObject> </xhtml:div>
<text </xhtml:div>
</xhtml:div>
</foreignObject>
<text
x="220" x="220"
y="34" y="34"
fill="#000" fill="#000"
@ -399,7 +404,7 @@ DNS configuration</xhtml:div>
font-size="12" font-size="12"
text-anchor="middle" text-anchor="middle"
id="text10">External Load Balancer...</text> id="text10">External Load Balancer...</text>
</switch> </switch>
</g>
</g> </g>
</g>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 20 KiB

266
content/zh/docs/setup/additional-setup/gateway/shared-gateway.svg
View File

@ -8,14 +8,14 @@
id="svg12" id="svg12"
sodipodi:docname="shared-gateway.svg" sodipodi:docname="shared-gateway.svg"
inkscape:version="1.3 (0e150ed, 2023-07-21)" inkscape:version="1.3 (0e150ed, 2023-07-21)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"
xmlns:xhtml="http://www.w3.org/1999/xhtml"> xmlns:xhtml="http://www.w3.org/1999/xhtml">
<defs <defs
id="defs12" /> id="defs12" />
<sodipodi:namedview <sodipodi:namedview
id="namedview12" id="namedview12"
pagecolor="#ffffff" pagecolor="#ffffff"
bordercolor="#000000" bordercolor="#000000"
@ -34,9 +34,9 @@
inkscape:window-y="25" inkscape:window-y="25"
inkscape:window-maximized="0" inkscape:window-maximized="0"
inkscape:current-layer="svg12" /> inkscape:current-layer="svg12" />
<g <g
id="g12"> id="g12">
<rect <rect
width="420" width="420"
height="240" height="240"
x="0" x="0"
@ -45,36 +45,36 @@
stroke="#000" stroke="#000"
pointer-events="all" pointer-events="all"
id="rect1" /> id="rect1" />
<g <g
transform="translate(-0.5 -0.5)" transform="translate(-0.5 -0.5)"
id="g1"> id="g1">
<switch <switch
id="switch1"> id="switch1">
<foreignObject <foreignObject
style="overflow:visible;text-align:left" style="overflow:visible;text-align:left"
width="100%" width="100%"
height="100%" height="100%"
pointer-events="none" pointer-events="none"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"> requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<xhtml:div <xhtml:div
style="display:flex;align-items:unsafe flex-start;justify-content:unsafe flex-start;width:418px;height:1px;padding-top:177px;margin-left:2px"> style="display:flex;align-items:unsafe flex-start;justify-content:unsafe flex-start;width:418px;height:1px;padding-top:177px;margin-left:2px">
<xhtml:div <xhtml:div
style="box-sizing:border-box;font-size:0;text-align:left"> style="box-sizing:border-box;font-size:0;text-align:left">
<xhtml:div <xhtml:div
style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;word-wrap:normal">ingress namespace</xhtml:div> style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;word-wrap:normal">ingress 命名空间</xhtml:div>
</xhtml:div> </xhtml:div>
</xhtml:div> </xhtml:div>
</foreignObject> </foreignObject>
<text <text
x="2" x="2"
y="189" y="189"
fill="#000" fill="#000"
font-family="Helvetica" font-family="Helvetica"
font-size="12" font-size="12"
id="text1">ingress namespace</text> id="text1">ingress namespace</text>
</switch> </switch>
</g> </g>
<rect <rect
width="200" width="200"
height="100" height="100"
x="0" x="0"
@ -83,36 +83,36 @@
stroke="#000" stroke="#000"
pointer-events="all" pointer-events="all"
id="rect2" /> id="rect2" />
<g <g
transform="translate(-0.5 -0.5)" transform="translate(-0.5 -0.5)"
id="g2"> id="g2">
<switch <switch
id="switch2"> id="switch2">
<foreignObject <foreignObject
style="overflow:visible;text-align:left" style="overflow:visible;text-align:left"
width="100%" width="100%"
height="100%" height="100%"
pointer-events="none" pointer-events="none"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"> requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<xhtml:div <xhtml:div
style="display:flex;align-items:unsafe flex-start;justify-content:unsafe flex-start;width:198px;height:1px;padding-top:7px;margin-left:2px"> style="display:flex;align-items:unsafe flex-start;justify-content:unsafe flex-start;width:198px;height:1px;padding-top:7px;margin-left:2px">
<xhtml:div <xhtml:div
style="box-sizing:border-box;font-size:0;text-align:left"> style="box-sizing:border-box;font-size:0;text-align:left">
<xhtml:div <xhtml:div
style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;word-wrap:normal">app1 namespace</xhtml:div> style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;word-wrap:normal">app1 命名空间</xhtml:div>
</xhtml:div> </xhtml:div>
</xhtml:div> </xhtml:div>
</foreignObject> </foreignObject>
<text <text
x="2" x="2"
y="19" y="19"
fill="#000" fill="#000"
font-family="Helvetica" font-family="Helvetica"
font-size="12" font-size="12"
id="text2">app1 namespace</text> id="text2">app1 namespace</text>
</switch> </switch>
</g> </g>
<rect <rect
width="200" width="200"
height="100" height="100"
x="220" x="220"
@ -121,64 +121,64 @@
stroke="#000" stroke="#000"
pointer-events="all" pointer-events="all"
id="rect3" /> id="rect3" />
<g <g
transform="translate(-0.5 -0.5)" transform="translate(-0.5 -0.5)"
id="g3"> id="g3">
<switch <switch
id="switch3"> id="switch3">
<foreignObject <foreignObject
style="overflow:visible;text-align:left" style="overflow:visible;text-align:left"
width="100%" width="100%"
height="100%" height="100%"
pointer-events="none" pointer-events="none"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"> requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<xhtml:div <xhtml:div
style="display:flex;align-items:unsafe flex-start;justify-content:unsafe flex-start;width:198px;height:1px;padding-top:7px;margin-left:222px"> style="display:flex;align-items:unsafe flex-start;justify-content:unsafe flex-start;width:198px;height:1px;padding-top:7px;margin-left:222px">
<xhtml:div <xhtml:div
style="box-sizing:border-box;font-size:0;text-align:left"> style="box-sizing:border-box;font-size:0;text-align:left">
<xhtml:div <xhtml:div
style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;word-wrap:normal">app2 namespace</xhtml:div> style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;word-wrap:normal">app2 命名空间</xhtml:div>
</xhtml:div> </xhtml:div>
</xhtml:div> </xhtml:div>
</foreignObject> </foreignObject>
<text <text
x="222" x="222"
y="19" y="19"
fill="#000" fill="#000"
font-family="Helvetica" font-family="Helvetica"
font-size="12" font-size="12"
id="text3">app2 namespace</text> id="text3">app2 namespace</text>
</switch> </switch>
</g> </g>
<path <path
fill="none" fill="none"
stroke="#000" stroke="#000"
stroke-miterlimit="10" stroke-miterlimit="10"
d="M 280 290 L 280 313.63" d="M 280 290 L 280 313.63"
pointer-events="stroke" pointer-events="stroke"
id="path3" /> id="path3" />
<path <path
fill="#000" fill="#000"
stroke="#000" stroke="#000"
stroke-miterlimit="10" stroke-miterlimit="10"
d="M 280 318.88 L 276.5 311.88 L 280 313.63 L 283.5 311.88 Z" d="M 280 318.88 L 276.5 311.88 L 280 313.63 L 283.5 311.88 Z"
pointer-events="all" pointer-events="all"
id="path4" /> id="path4" />
<path <path
fill="none" fill="none"
stroke="#000" stroke="#000"
stroke-miterlimit="10" stroke-miterlimit="10"
d="M 220 260 L 166.37 260" d="M 220 260 L 166.37 260"
pointer-events="stroke" pointer-events="stroke"
id="path5" /> id="path5" />
<path <path
fill="#000" fill="#000"
stroke="#000" stroke="#000"
stroke-miterlimit="10" stroke-miterlimit="10"
d="M 161.12 260 L 168.12 256.5 L 166.37 260 L 168.12 263.5 Z" d="M 161.12 260 L 168.12 256.5 L 166.37 260 L 168.12 263.5 Z"
pointer-events="all" pointer-events="all"
id="path6" /> id="path6" />
<rect <rect
width="120" width="120"
height="60" height="60"
x="220" x="220"
@ -189,30 +189,30 @@
rx="9" rx="9"
ry="9" ry="9"
id="rect6" /> id="rect6" />
<g <g
transform="translate(-0.5 -0.5)" transform="translate(-0.5 -0.5)"
id="g6"> id="g6">
<switch <switch
id="switch6"> id="switch6">
<foreignObject <foreignObject
style="overflow:visible;text-align:left" style="overflow:visible;text-align:left"
width="100%" width="100%"
height="100%" height="100%"
pointer-events="none" pointer-events="none"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"> requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<xhtml:div <xhtml:div
style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:260px;margin-left:221px"> style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:260px;margin-left:221px">
<xhtml:div <xhtml:div
style="box-sizing:border-box;font-size:0;text-align:center"> style="box-sizing:border-box;font-size:0;text-align:center">
<xhtml:div <xhtml:div
style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;word-wrap:normal"> style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;word-wrap:normal">
<xhtml:font <xhtml:font
style="font-size:16px">Gateway</xhtml:font> style="font-size:16px">Gateway</xhtml:font>
</xhtml:div> </xhtml:div>
</xhtml:div> </xhtml:div>
</xhtml:div> </xhtml:div>
</foreignObject> </foreignObject>
<text <text
x="280" x="280"
y="264" y="264"
fill="#000" fill="#000"
@ -220,9 +220,9 @@
font-size="12" font-size="12"
text-anchor="middle" text-anchor="middle"
id="text6">Gateway</text> id="text6">Gateway</text>
</switch> </switch>
</g> </g>
<rect <rect
width="120" width="120"
height="60" height="60"
x="220" x="220"
@ -233,30 +233,30 @@
rx="9" rx="9"
ry="9" ry="9"
id="rect7" /> id="rect7" />
<g <g
transform="translate(-0.5 -0.5)" transform="translate(-0.5 -0.5)"
id="g7"> id="g7">
<switch <switch
id="switch7"> id="switch7">
<foreignObject <foreignObject
style="overflow:visible;text-align:left" style="overflow:visible;text-align:left"
width="100%" width="100%"
height="100%" height="100%"
pointer-events="none" pointer-events="none"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"> requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<xhtml:div <xhtml:div
style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:350px;margin-left:221px"> style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:350px;margin-left:221px">
<xhtml:div <xhtml:div
style="box-sizing:border-box;font-size:0;text-align:center"> style="box-sizing:border-box;font-size:0;text-align:center">
<xhtml:div <xhtml:div
style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;word-wrap:normal"> style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;word-wrap:normal">
<xhtml:font <xhtml:font
style="font-size:16px">Deployment</xhtml:font> style="font-size:16px">Deployment</xhtml:font>
</xhtml:div> </xhtml:div>
</xhtml:div> </xhtml:div>
</xhtml:div> </xhtml:div>
</foreignObject> </foreignObject>
<text <text
x="280" x="280"
y="354" y="354"
fill="#000" fill="#000"
@ -264,9 +264,9 @@
font-size="12" font-size="12"
text-anchor="middle" text-anchor="middle"
id="text7">Deployment</text> id="text7">Deployment</text>
</switch> </switch>
</g> </g>
<rect <rect
width="120" width="120"
height="60" height="60"
x="40" x="40"
@ -277,30 +277,30 @@
rx="9" rx="9"
ry="9" ry="9"
id="rect8" /> id="rect8" />
<g <g
transform="translate(-0.5 -0.5)" transform="translate(-0.5 -0.5)"
id="g8"> id="g8">
<switch <switch
id="switch8"> id="switch8">
<foreignObject <foreignObject
style="overflow:visible;text-align:left" style="overflow:visible;text-align:left"
width="100%" width="100%"
height="100%" height="100%"
pointer-events="none" pointer-events="none"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"> requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<xhtml:div <xhtml:div
style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:260px;margin-left:41px"> style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:260px;margin-left:41px">
<xhtml:div <xhtml:div
style="box-sizing:border-box;font-size:0;text-align:center"> style="box-sizing:border-box;font-size:0;text-align:center">
<xhtml:div <xhtml:div
style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;word-wrap:normal"> style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;word-wrap:normal">
<xhtml:font <xhtml:font
style="font-size:16px">Certificate</xhtml:font> style="font-size:16px">Certificate</xhtml:font>
</xhtml:div> </xhtml:div>
</xhtml:div> </xhtml:div>
</xhtml:div> </xhtml:div>
</foreignObject> </foreignObject>
<text <text
x="100" x="100"
y="264" y="264"
fill="#000" fill="#000"
@ -308,23 +308,23 @@
font-size="12" font-size="12"
text-anchor="middle" text-anchor="middle"
id="text8">Certificate</text> id="text8">Certificate</text>
</switch> </switch>
</g> </g>
<path <path
fill="none" fill="none"
stroke="#000" stroke="#000"
stroke-miterlimit="10" stroke-miterlimit="10"
d="M 320 90 L 320 160 L 280 160 L 280 223.63" d="M 320 90 L 320 160 L 280 160 L 280 223.63"
pointer-events="stroke" pointer-events="stroke"
id="path8" /> id="path8" />
<path <path
fill="#000" fill="#000"
stroke="#000" stroke="#000"
stroke-miterlimit="10" stroke-miterlimit="10"
d="M 280 228.88 L 276.5 221.88 L 280 223.63 L 283.5 221.88 Z" d="M 280 228.88 L 276.5 221.88 L 280 223.63 L 283.5 221.88 Z"
pointer-events="all" pointer-events="all"
id="path9" /> id="path9" />
<rect <rect
width="120" width="120"
height="60" height="60"
x="260" x="260"
@ -335,30 +335,30 @@
rx="9" rx="9"
ry="9" ry="9"
id="rect9" /> id="rect9" />
<g <g
transform="translate(-0.5 -0.5)" transform="translate(-0.5 -0.5)"
id="g9"> id="g9">
<switch <switch
id="switch9"> id="switch9">
<foreignObject <foreignObject
style="overflow:visible;text-align:left" style="overflow:visible;text-align:left"
width="100%" width="100%"
height="100%" height="100%"
pointer-events="none" pointer-events="none"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"> requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<xhtml:div <xhtml:div
style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:60px;margin-left:261px"> style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:60px;margin-left:261px">
<xhtml:div <xhtml:div
style="box-sizing:border-box;font-size:0;text-align:center"> style="box-sizing:border-box;font-size:0;text-align:center">
<xhtml:div <xhtml:div
style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;word-wrap:normal"> style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;word-wrap:normal">
<xhtml:font <xhtml:font
style="font-size:16px">VirtualService</xhtml:font> style="font-size:16px">VirtualService</xhtml:font>
</xhtml:div> </xhtml:div>
</xhtml:div> </xhtml:div>
</xhtml:div> </xhtml:div>
</foreignObject> </foreignObject>
<text <text
x="320" x="320"
y="64" y="64"
fill="#000" fill="#000"
@ -366,23 +366,23 @@
font-size="12" font-size="12"
text-anchor="middle" text-anchor="middle"
id="text9">VirtualService</text> id="text9">VirtualService</text>
</switch> </switch>
</g> </g>
<path <path
fill="none" fill="none"
stroke="#000" stroke="#000"
stroke-miterlimit="10" stroke-miterlimit="10"
d="M 100 90 L 100 160 L 280 160 L 280 223.63" d="M 100 90 L 100 160 L 280 160 L 280 223.63"
pointer-events="stroke" pointer-events="stroke"
id="path10" /> id="path10" />
<path <path
fill="#000" fill="#000"
stroke="#000" stroke="#000"
stroke-miterlimit="10" stroke-miterlimit="10"
d="M 280 228.88 L 276.5 221.88 L 280 223.63 L 283.5 221.88 Z" d="M 280 228.88 L 276.5 221.88 L 280 223.63 L 283.5 221.88 Z"
pointer-events="all" pointer-events="all"
id="path11" /> id="path11" />
<rect <rect
width="120" width="120"
height="60" height="60"
x="40" x="40"
@ -393,30 +393,30 @@
rx="9" rx="9"
ry="9" ry="9"
id="rect11" /> id="rect11" />
<g <g
transform="translate(-0.5 -0.5)" transform="translate(-0.5 -0.5)"
id="g11"> id="g11">
<switch <switch
id="switch11"> id="switch11">
<foreignObject <foreignObject
style="overflow:visible;text-align:left" style="overflow:visible;text-align:left"
width="100%" width="100%"
height="100%" height="100%"
pointer-events="none" pointer-events="none"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"> requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<xhtml:div <xhtml:div
style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:60px;margin-left:41px"> style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:60px;margin-left:41px">
<xhtml:div <xhtml:div
style="box-sizing:border-box;font-size:0;text-align:center"> style="box-sizing:border-box;font-size:0;text-align:center">
<xhtml:div <xhtml:div
style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;word-wrap:normal"> style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;word-wrap:normal">
<xhtml:font <xhtml:font
style="font-size:16px">VirtualService</xhtml:font> style="font-size:16px">VirtualService</xhtml:font>
</xhtml:div> </xhtml:div>
</xhtml:div> </xhtml:div>
</xhtml:div> </xhtml:div>
</foreignObject> </foreignObject>
<text <text
x="100" x="100"
y="64" y="64"
fill="#000" fill="#000"
@ -424,7 +424,7 @@
font-size="12" font-size="12"
text-anchor="middle" text-anchor="middle"
id="text11">VirtualService</text> id="text11">VirtualService</text>
</switch> </switch>
</g>
</g> </g>
</g>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 16 KiB

176
content/zh/docs/setup/additional-setup/gateway/user-gateway.svg
View File

@ -8,14 +8,14 @@
id="svg8" id="svg8"
sodipodi:docname="user-gateway.svg" sodipodi:docname="user-gateway.svg"
inkscape:version="1.3 (0e150ed, 2023-07-21)" inkscape:version="1.3 (0e150ed, 2023-07-21)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"
xmlns:xhtml="http://www.w3.org/1999/xhtml"> xmlns:xhtml="http://www.w3.org/1999/xhtml">
<defs <defs
id="defs8" /> id="defs8" />
<sodipodi:namedview <sodipodi:namedview
id="namedview8" id="namedview8"
pagecolor="#ffffff" pagecolor="#ffffff"
bordercolor="#000000" bordercolor="#000000"
@ -34,9 +34,9 @@
inkscape:window-y="25" inkscape:window-y="25"
inkscape:window-maximized="0" inkscape:window-maximized="0"
inkscape:current-layer="svg8" /> inkscape:current-layer="svg8" />
<g <g
id="g8"> id="g8">
<rect <rect
width="420" width="420"
height="240" height="240"
x="0" x="0"
@ -45,64 +45,64 @@
stroke="#000" stroke="#000"
pointer-events="all" pointer-events="all"
id="rect1" /> id="rect1" />
<g <g
transform="translate(-0.5 -0.5)" transform="translate(-0.5 -0.5)"
id="g1"> id="g1">
<switch <switch
id="switch1"> id="switch1">
<foreignObject <foreignObject
style="overflow:visible;text-align:left" style="overflow:visible;text-align:left"
width="100%" width="100%"
height="100%" height="100%"
pointer-events="none" pointer-events="none"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"> requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<xhtml:div <xhtml:div
style="display:flex;align-items:unsafe flex-start;justify-content:unsafe flex-start;width:418px;height:1px;padding-top:7px;margin-left:2px"> style="display:flex;align-items:unsafe flex-start;justify-content:unsafe flex-start;width:418px;height:1px;padding-top:7px;margin-left:2px">
<xhtml:div <xhtml:div
style="box-sizing:border-box;font-size:0;text-align:left"> style="box-sizing:border-box;font-size:0;text-align:left">
<xhtml:div <xhtml:div
style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;word-wrap:normal">app1 namespace</xhtml:div> style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;word-wrap:normal">app1 命名空间</xhtml:div>
</xhtml:div> </xhtml:div>
</xhtml:div> </xhtml:div>
</foreignObject> </foreignObject>
<text <text
x="2" x="2"
y="19" y="19"
fill="#000" fill="#000"
font-family="Helvetica" font-family="Helvetica"
font-size="12" font-size="12"
id="text1">app1 namespace</text> id="text1">app1 namespace</text>
</switch> </switch>
</g> </g>
<path <path
fill="none" fill="none"
stroke="#000" stroke="#000"
stroke-miterlimit="10" stroke-miterlimit="10"
d="M 280 120 L 280 143.63" d="M 280 120 L 280 143.63"
pointer-events="stroke" pointer-events="stroke"
id="path1" /> id="path1" />
<path <path
fill="#000" fill="#000"
stroke="#000" stroke="#000"
stroke-miterlimit="10" stroke-miterlimit="10"
d="M 280 148.88 L 276.5 141.88 L 280 143.63 L 283.5 141.88 Z" d="M 280 148.88 L 276.5 141.88 L 280 143.63 L 283.5 141.88 Z"
pointer-events="all" pointer-events="all"
id="path2" /> id="path2" />
<path <path
fill="none" fill="none"
stroke="#000" stroke="#000"
stroke-miterlimit="10" stroke-miterlimit="10"
d="M 220 90 L 166.37 90" d="M 220 90 L 166.37 90"
pointer-events="stroke" pointer-events="stroke"
id="path3" /> id="path3" />
<path <path
fill="#000" fill="#000"
stroke="#000" stroke="#000"
stroke-miterlimit="10" stroke-miterlimit="10"
d="M 161.12 90 L 168.12 86.5 L 166.37 90 L 168.12 93.5 Z" d="M 161.12 90 L 168.12 86.5 L 166.37 90 L 168.12 93.5 Z"
pointer-events="all" pointer-events="all"
id="path4" /> id="path4" />
<rect <rect
width="120" width="120"
height="60" height="60"
x="220" x="220"
@ -113,30 +113,30 @@
rx="9" rx="9"
ry="9" ry="9"
id="rect4" /> id="rect4" />
<g <g
transform="translate(-0.5 -0.5)" transform="translate(-0.5 -0.5)"
id="g4"> id="g4">
<switch <switch
id="switch4"> id="switch4">
<foreignObject <foreignObject
style="overflow:visible;text-align:left" style="overflow:visible;text-align:left"
width="100%" width="100%"
height="100%" height="100%"
pointer-events="none" pointer-events="none"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"> requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<xhtml:div <xhtml:div
style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:90px;margin-left:221px"> style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:90px;margin-left:221px">
<xhtml:div <xhtml:div
style="box-sizing:border-box;font-size:0;text-align:center"> style="box-sizing:border-box;font-size:0;text-align:center">
<xhtml:div <xhtml:div
style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;word-wrap:normal"> style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;word-wrap:normal">
<xhtml:font <xhtml:font
style="font-size:16px">Gateway</xhtml:font> style="font-size:16px">Gateway</xhtml:font>
</xhtml:div> </xhtml:div>
</xhtml:div> </xhtml:div>
</xhtml:div> </xhtml:div>
</foreignObject> </foreignObject>
<text <text
x="280" x="280"
y="94" y="94"
fill="#000" fill="#000"
@ -144,9 +144,9 @@
font-size="12" font-size="12"
text-anchor="middle" text-anchor="middle"
id="text4">Gateway</text> id="text4">Gateway</text>
</switch> </switch>
</g> </g>
<rect <rect
width="120" width="120"
height="60" height="60"
x="220" x="220"
@ -157,30 +157,30 @@
rx="9" rx="9"
ry="9" ry="9"
id="rect5" /> id="rect5" />
<g <g
transform="translate(-0.5 -0.5)" transform="translate(-0.5 -0.5)"
id="g5"> id="g5">
<switch <switch
id="switch5"> id="switch5">
<foreignObject <foreignObject
style="overflow:visible;text-align:left" style="overflow:visible;text-align:left"
width="100%" width="100%"
height="100%" height="100%"
pointer-events="none" pointer-events="none"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"> requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<xhtml:div <xhtml:div
style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:180px;margin-left:221px"> style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:180px;margin-left:221px">
<xhtml:div <xhtml:div
style="box-sizing:border-box;font-size:0;text-align:center"> style="box-sizing:border-box;font-size:0;text-align:center">
<xhtml:div <xhtml:div
style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;word-wrap:normal"> style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;word-wrap:normal">
<xhtml:font <xhtml:font
style="font-size:16px">Deployment</xhtml:font> style="font-size:16px">Deployment</xhtml:font>
</xhtml:div> </xhtml:div>
</xhtml:div> </xhtml:div>
</xhtml:div> </xhtml:div>
</foreignObject> </foreignObject>
<text <text
x="280" x="280"
y="184" y="184"
fill="#000" fill="#000"
@ -188,9 +188,9 @@
font-size="12" font-size="12"
text-anchor="middle" text-anchor="middle"
id="text5">Deployment</text> id="text5">Deployment</text>
</switch> </switch>
</g> </g>
<rect <rect
width="120" width="120"
height="60" height="60"
x="40" x="40"
@ -201,30 +201,30 @@
rx="9" rx="9"
ry="9" ry="9"
id="rect6" /> id="rect6" />
<g <g
transform="translate(-0.5 -0.5)" transform="translate(-0.5 -0.5)"
id="g6"> id="g6">
<switch <switch
id="switch6"> id="switch6">
<foreignObject <foreignObject
style="overflow:visible;text-align:left" style="overflow:visible;text-align:left"
width="100%" width="100%"
height="100%" height="100%"
pointer-events="none" pointer-events="none"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"> requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<xhtml:div <xhtml:div
style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:90px;margin-left:41px"> style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:90px;margin-left:41px">
<xhtml:div <xhtml:div
style="box-sizing:border-box;font-size:0;text-align:center"> style="box-sizing:border-box;font-size:0;text-align:center">
<xhtml:div <xhtml:div
style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;word-wrap:normal"> style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;word-wrap:normal">
<xhtml:font <xhtml:font
style="font-size:16px">Certificate</xhtml:font> style="font-size:16px">Certificate</xhtml:font>
</xhtml:div> </xhtml:div>
</xhtml:div> </xhtml:div>
</xhtml:div> </xhtml:div>
</foreignObject> </foreignObject>
<text <text
x="100" x="100"
y="94" y="94"
fill="#000" fill="#000"
@ -232,23 +232,23 @@
font-size="12" font-size="12"
text-anchor="middle" text-anchor="middle"
id="text6">Certificate</text> id="text6">Certificate</text>
</switch> </switch>
</g> </g>
<path <path
fill="none" fill="none"
stroke="#000" stroke="#000"
stroke-miterlimit="10" stroke-miterlimit="10"
d="M 130 150 L 130 140 L 250 140 L 250 126.37" d="M 130 150 L 130 140 L 250 140 L 250 126.37"
pointer-events="stroke" pointer-events="stroke"
id="path6" /> id="path6" />
<path <path
fill="#000" fill="#000"
stroke="#000" stroke="#000"
stroke-miterlimit="10" stroke-miterlimit="10"
d="M 250 121.12 L 253.5 128.12 L 250 126.37 L 246.5 128.12 Z" d="M 250 121.12 L 253.5 128.12 L 250 126.37 L 246.5 128.12 Z"
pointer-events="all" pointer-events="all"
id="path7" /> id="path7" />
<rect <rect
width="120" width="120"
height="60" height="60"
x="40" x="40"
@ -259,30 +259,30 @@
rx="9" rx="9"
ry="9" ry="9"
id="rect7" /> id="rect7" />
<g <g
transform="translate(-0.5 -0.5)" transform="translate(-0.5 -0.5)"
id="g7"> id="g7">
<switch <switch
id="switch7"> id="switch7">
<foreignObject <foreignObject
style="overflow:visible;text-align:left" style="overflow:visible;text-align:left"
width="100%" width="100%"
height="100%" height="100%"
pointer-events="none" pointer-events="none"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"> requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<xhtml:div <xhtml:div
style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:180px;margin-left:41px"> style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:180px;margin-left:41px">
<xhtml:div <xhtml:div
style="box-sizing:border-box;font-size:0;text-align:center"> style="box-sizing:border-box;font-size:0;text-align:center">
<xhtml:div <xhtml:div
style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;word-wrap:normal"> style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;word-wrap:normal">
<xhtml:font <xhtml:font
style="font-size:16px">VirtualService</xhtml:font> style="font-size:16px">VirtualService</xhtml:font>
</xhtml:div> </xhtml:div>
</xhtml:div> </xhtml:div>
</xhtml:div> </xhtml:div>
</foreignObject> </foreignObject>
<text <text
x="100" x="100"
y="184" y="184"
fill="#000" fill="#000"
@ -290,7 +290,7 @@
font-size="12" font-size="12"
text-anchor="middle" text-anchor="middle"
id="text7">VirtualService</text> id="text7">VirtualService</text>
</switch> </switch>
</g>
</g> </g>
</g>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB