luciano/d2
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Removed unnecessary addition of clip-path when the shape:image is specified

Browse source
This commit is contained in:
melsonic 2025-03-18 23:17:28 +05:30
parent d141cf2079
commit eb4f36102a
No known key found for this signature in database
GPG key ID: DFA426742F621CD7
27 changed files with 29 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
d2renderers/d2sketch/testdata/twitter/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 222 KiB

After

Width:  |  Height:  |  Size: 219 KiB

4
d2renderers/d2sketch/testdata/twitter_dark/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 222 KiB

After

Width:  |  Height:  |  Size: 219 KiB

2
d2renderers/d2svg/appendix/testdata/diagram_wider_than_tooltip/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 680 KiB

After

Width:  |  Height:  |  Size: 679 KiB

6
d2renderers/d2svg/d2svg.go
View file

@ -1163,7 +1163,6 @@ func drawShape(writer, appendixWriter io.Writer, diagramHash string, targetShape
}
case d2target.ShapeImage:
fmt.Fprint(writer, clipPathForIconBorderRadius(diagramHash, targetShape))
el := d2themes.NewThemableElement("image", inlineTheme)
el.X = float64(targetShape.Pos.X)
el.Y = float64(targetShape.Pos.Y)
@ -1173,7 +1172,10 @@ func drawShape(writer, appendixWriter io.Writer, diagramHash string, targetShape
el.Fill = fill
el.Stroke = stroke
el.Style = style
el.ClipPath = fmt.Sprintf("%v-%v-icon", diagramHash, targetShape.ID)
if targetShape.IconBorderRadius != 0 {
fmt.Fprint(writer, clipPathForIconBorderRadius(diagramHash, targetShape))
el.ClipPath = fmt.Sprintf("%v-%v-icon", diagramHash, targetShape.ID)
}
fmt.Fprint(writer, el.Render())
// TODO should standardize "" to rectangle

4
d2renderers/d2svg/dark_theme/testdata/twitter/dark_theme.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 125 KiB

After

Width:  |  Height:  |  Size: 121 KiB

BIN
e2etests-cli/testdata/TestCLI_E2E/internal_linked_pdf.exp.pdf vendored
View file

Binary file not shown.

BIN
e2etests-cli/testdata/TestCLI_E2E/no-nav-pdf.exp.pdf vendored
View file

Binary file not shown.

BIN
e2etests-cli/testdata/TestCLI_E2E/renamed-board.exp.pdf vendored
View file

Binary file not shown.

BIN
e2etests-cli/testdata/TestCLI_E2E/theme-pdf.exp.pdf vendored
View file

Binary file not shown.

2
e2etests/testdata/regression/elk_img_empty_label_panic/dagre/sketch.exp.svg vendored
View file

@ -82,7 +82,7 @@
.d2-590849029 .color-AA4{color:#EDF0FD;}
.d2-590849029 .color-AA5{color:#F7F8FE;}
.d2-590849029 .color-AB4{color:#EDF0FD;}
.d2-590849029 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-590849029);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-590849029);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-590849029);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-590849029);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-590849029);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-590849029);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-590849029);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-590849029);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-590849029);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-590849029);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-590849029);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-590849029);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-590849029);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-590849029);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-590849029);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-590849029);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-590849029);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-590849029);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="aW1n"><g class="shape" ><clipPath id="d2-590849029-img-icon"><path d="M 0.000000 0.000000 L 0.000000 0.000000 S 0.000000 0.000000 0.000000 0.000000 L 128.000000 0.000000 L 128.000000 0.000000 S 128.000000 0.000000 128.000000 0.000000 L 128.000000 128.000000 S 128.000000 128.000000 128.000000 128.000000 L 0.000000 128.000000 S 0.000000 128.000000 0.000000 128.000000L 0.000000 0.000000Z 0.000000 0.000000" fill="none" /> </clipPath><image href="https://icons.terrastruct.com/infra/019-network.svg" x="0.000000" y="0.000000" width="128.000000" height="128.000000" stroke="#0D32B2" fill="#FFFFFF" class=" stroke-B1 fill-N7" style="stroke-width:2;" clip-path="url(#d2-590849029-img-icon)" /></g></g><g class="aWNv"><g class="shape" ><rect x="188.000000" y="14.000000" width="100.000000" height="100.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/infra/019-network.svg" x="213.000000" y="39.000000" width="50" height="50" /></g><mask id="d2-590849029" maskUnits="userSpaceOnUse" x="-1" y="-1" width="290" height="130">
.d2-590849029 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-590849029);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-590849029);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-590849029);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-590849029);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-590849029);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-590849029);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-590849029);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-590849029);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-590849029);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-590849029);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-590849029);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-590849029);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-590849029);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-590849029);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-590849029);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-590849029);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-590849029);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-590849029);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="aW1n"><g class="shape" ><image href="https://icons.terrastruct.com/infra/019-network.svg" x="0.000000" y="0.000000" width="128.000000" height="128.000000" stroke="#0D32B2" fill="#FFFFFF" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g></g><g class="aWNv"><g class="shape" ><rect x="188.000000" y="14.000000" width="100.000000" height="100.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/infra/019-network.svg" x="213.000000" y="39.000000" width="50" height="50" /></g><mask id="d2-590849029" maskUnits="userSpaceOnUse" x="-1" y="-1" width="290" height="130">
<rect x="-1" y="-1" width="290" height="130" fill="white"></rect>
</mask></svg></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.1 KiB

After

Width:  |  Height:  |  Size: 6.6 KiB

2
e2etests/testdata/regression/elk_img_empty_label_panic/elk/sketch.exp.svg vendored
View file

@ -82,7 +82,7 @@
.d2-316726530 .color-AA4{color:#EDF0FD;}
.d2-316726530 .color-AA5{color:#F7F8FE;}
.d2-316726530 .color-AB4{color:#EDF0FD;}
.d2-316726530 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-316726530);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-316726530);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-316726530);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-316726530);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-316726530);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-316726530);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-316726530);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-316726530);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-316726530);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-316726530);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-316726530);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-316726530);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-316726530);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-316726530);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-316726530);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-316726530);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-316726530);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-316726530);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="aW1n"><g class="shape" ><clipPath id="d2-316726530-img-icon"><path d="M 12.000000 12.000000 L 12.000000 12.000000 S 12.000000 12.000000 12.000000 12.000000 L 140.000000 12.000000 L 140.000000 12.000000 S 140.000000 12.000000 140.000000 12.000000 L 140.000000 140.000000 S 140.000000 140.000000 140.000000 140.000000 L 12.000000 140.000000 S 12.000000 140.000000 12.000000 140.000000L 12.000000 12.000000Z 12.000000 12.000000" fill="none" /> </clipPath><image href="https://icons.terrastruct.com/infra/019-network.svg" x="12.000000" y="12.000000" width="128.000000" height="128.000000" stroke="#0D32B2" fill="#FFFFFF" class=" stroke-B1 fill-N7" style="stroke-width:2;" clip-path="url(#d2-316726530-img-icon)" /></g></g><g class="aWNv"><g class="shape" ><rect x="160.000000" y="26.000000" width="100.000000" height="100.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/infra/019-network.svg" x="185.000000" y="51.000000" width="50" height="50" /></g><mask id="d2-316726530" maskUnits="userSpaceOnUse" x="11" y="11" width="250" height="130">
.d2-316726530 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-316726530);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-316726530);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-316726530);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-316726530);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-316726530);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-316726530);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-316726530);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-316726530);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-316726530);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-316726530);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-316726530);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-316726530);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-316726530);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-316726530);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-316726530);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-316726530);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-316726530);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-316726530);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="aW1n"><g class="shape" ><image href="https://icons.terrastruct.com/infra/019-network.svg" x="12.000000" y="12.000000" width="128.000000" height="128.000000" stroke="#0D32B2" fill="#FFFFFF" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g></g><g class="aWNv"><g class="shape" ><rect x="160.000000" y="26.000000" width="100.000000" height="100.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/infra/019-network.svg" x="185.000000" y="51.000000" width="50" height="50" /></g><mask id="d2-316726530" maskUnits="userSpaceOnUse" x="11" y="11" width="250" height="130">
<rect x="11" y="11" width="250" height="130" fill="white"></rect>
</mask></svg></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.1 KiB

After

Width:  |  Height:  |  Size: 6.6 KiB

2
e2etests/testdata/regression/grid_image_label_position/dagre/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 21 KiB

After

Width:  |  Height:  |  Size: 19 KiB

2
e2etests/testdata/regression/grid_image_label_position/elk/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 21 KiB

After

Width:  |  Height:  |  Size: 19 KiB

2
e2etests/testdata/stable/centered_horizontal_connections/dagre/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 14 KiB

2
e2etests/testdata/stable/centered_horizontal_connections/elk/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 14 KiB

2
e2etests/testdata/stable/cycle-order/dagre/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 35 KiB

After

Width:  |  Height:  |  Size: 30 KiB

2
e2etests/testdata/stable/cycle-order/elk/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 33 KiB

After

Width:  |  Height:  |  Size: 28 KiB

2
e2etests/testdata/stable/icon_positions/dagre/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 78 KiB

After

Width:  |  Height:  |  Size: 66 KiB

2
e2etests/testdata/stable/icon_positions/elk/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 78 KiB

After

Width:  |  Height:  |  Size: 66 KiB

2
e2etests/testdata/stable/images/dagre/sketch.exp.svg vendored
View file

@ -89,7 +89,7 @@
.d2-697317802 .color-AA4{color:#EDF0FD;}
.d2-697317802 .color-AA5{color:#F7F8FE;}
.d2-697317802 .color-AB4{color:#EDF0FD;}
.d2-697317802 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-697317802);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-697317802);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-697317802);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-697317802);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-697317802);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-697317802);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-697317802);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-697317802);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-697317802);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-697317802);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-697317802);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-697317802);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-697317802);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-697317802);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-697317802);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-697317802);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-697317802);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-697317802);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="YQ=="><g class="shape" ><clipPath id="d2-697317802-a-icon"><path d="M 0.000000 0.000000 L 0.000000 0.000000 S 0.000000 0.000000 0.000000 0.000000 L 128.000000 0.000000 L 128.000000 0.000000 S 128.000000 0.000000 128.000000 0.000000 L 128.000000 128.000000 S 128.000000 128.000000 128.000000 128.000000 L 0.000000 128.000000 S 0.000000 128.000000 0.000000 128.000000L 0.000000 0.000000Z 0.000000 0.000000" fill="none" /> </clipPath><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="0.000000" y="0.000000" width="128.000000" height="128.000000" stroke="#0D32B2" fill="#FFFFFF" class=" stroke-B1 fill-N7" style="stroke-width:2;" clip-path="url(#d2-697317802-a-icon)" /></g><text x="64.000000" y="149.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="Yg=="><g class="shape" ><clipPath id="d2-697317802-b-icon"><path d="M 0.000000 228.000000 L 0.000000 228.000000 S 0.000000 228.000000 0.000000 228.000000 L 128.000000 228.000000 L 128.000000 228.000000 S 128.000000 228.000000 128.000000 228.000000 L 128.000000 356.000000 S 128.000000 356.000000 128.000000 356.000000 L 0.000000 356.000000 S 0.000000 356.000000 0.000000 356.000000L 0.000000 228.000000Z 0.000000 228.000000" fill="none" /> </clipPath><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="0.000000" y="228.000000" width="128.000000" height="128.000000" stroke="#0D32B2" fill="#FFFFFF" class=" stroke-B1 fill-N7" style="stroke-width:2;" clip-path="url(#d2-697317802-b-icon)" /></g><text x="64.000000" y="377.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="KGEgLSZndDsgYilbMF0="><marker id="mk-d2-697317802-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 64.000000 156.000000 C 64.000000 173.199997 64.000000 188.000000 64.000000 224.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-697317802-3488378134)" mask="url(#d2-697317802)" /></g><mask id="d2-697317802" maskUnits="userSpaceOnUse" x="-1" y="-1" width="130" height="383">
.d2-697317802 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-697317802);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-697317802);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-697317802);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-697317802);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-697317802);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-697317802);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-697317802);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-697317802);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-697317802);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-697317802);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-697317802);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-697317802);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-697317802);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-697317802);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-697317802);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-697317802);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-697317802);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-697317802);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="YQ=="><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="0.000000" y="0.000000" width="128.000000" height="128.000000" stroke="#0D32B2" fill="#FFFFFF" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="64.000000" y="149.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="Yg=="><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="0.000000" y="228.000000" width="128.000000" height="128.000000" stroke="#0D32B2" fill="#FFFFFF" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="64.000000" y="377.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="KGEgLSZndDsgYilbMF0="><marker id="mk-d2-697317802-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 64.000000 156.000000 C 64.000000 173.199997 64.000000 188.000000 64.000000 224.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-697317802-3488378134)" mask="url(#d2-697317802)" /></g><mask id="d2-697317802" maskUnits="userSpaceOnUse" x="-1" y="-1" width="130" height="383">
<rect x="-1" y="-1" width="130" height="383" fill="white"></rect>
<rect x="60.000000" y="133.000000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="60.000000" y="361.000000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 10 KiB

2
e2etests/testdata/stable/images/elk/sketch.exp.svg vendored
View file

@ -89,7 +89,7 @@
.d2-4116162699 .color-AA4{color:#EDF0FD;}
.d2-4116162699 .color-AA5{color:#F7F8FE;}
.d2-4116162699 .color-AB4{color:#EDF0FD;}
.d2-4116162699 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-4116162699);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-4116162699);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-4116162699);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-4116162699);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-4116162699);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-4116162699);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-4116162699);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-4116162699);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-4116162699);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-4116162699);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-4116162699);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-4116162699);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-4116162699);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-4116162699);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-4116162699);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-4116162699);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-4116162699);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-4116162699);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="YQ=="><g class="shape" ><clipPath id="d2-4116162699-a-icon"><path d="M 12.000000 12.000000 L 12.000000 12.000000 S 12.000000 12.000000 12.000000 12.000000 L 140.000000 12.000000 L 140.000000 12.000000 S 140.000000 12.000000 140.000000 12.000000 L 140.000000 140.000000 S 140.000000 140.000000 140.000000 140.000000 L 12.000000 140.000000 S 12.000000 140.000000 12.000000 140.000000L 12.000000 12.000000Z 12.000000 12.000000" fill="none" /> </clipPath><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="12.000000" y="12.000000" width="128.000000" height="128.000000" stroke="#0D32B2" fill="#FFFFFF" class=" stroke-B1 fill-N7" style="stroke-width:2;" clip-path="url(#d2-4116162699-a-icon)" /></g><text x="76.000000" y="161.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="Yg=="><g class="shape" ><clipPath id="d2-4116162699-b-icon"><path d="M 12.000000 236.000000 L 12.000000 236.000000 S 12.000000 236.000000 12.000000 236.000000 L 140.000000 236.000000 L 140.000000 236.000000 S 140.000000 236.000000 140.000000 236.000000 L 140.000000 364.000000 S 140.000000 364.000000 140.000000 364.000000 L 12.000000 364.000000 S 12.000000 364.000000 12.000000 364.000000L 12.000000 236.000000Z 12.000000 236.000000" fill="none" /> </clipPath><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="12.000000" y="236.000000" width="128.000000" height="128.000000" stroke="#0D32B2" fill="#FFFFFF" class=" stroke-B1 fill-N7" style="stroke-width:2;" clip-path="url(#d2-4116162699-b-icon)" /></g><text x="76.000000" y="385.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="KGEgLSZndDsgYilbMF0="><marker id="mk-d2-4116162699-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 76.000000 168.000000 L 76.000000 232.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-4116162699-3488378134)" mask="url(#d2-4116162699)" /></g><mask id="d2-4116162699" maskUnits="userSpaceOnUse" x="11" y="11" width="130" height="379">
.d2-4116162699 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-4116162699);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-4116162699);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-4116162699);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-4116162699);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-4116162699);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-4116162699);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-4116162699);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-4116162699);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-4116162699);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-4116162699);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-4116162699);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-4116162699);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-4116162699);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-4116162699);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-4116162699);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-4116162699);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-4116162699);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-4116162699);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="YQ=="><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="12.000000" y="12.000000" width="128.000000" height="128.000000" stroke="#0D32B2" fill="#FFFFFF" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="76.000000" y="161.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="Yg=="><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="12.000000" y="236.000000" width="128.000000" height="128.000000" stroke="#0D32B2" fill="#FFFFFF" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="76.000000" y="385.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="KGEgLSZndDsgYilbMF0="><marker id="mk-d2-4116162699-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 76.000000 168.000000 L 76.000000 232.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-4116162699-3488378134)" mask="url(#d2-4116162699)" /></g><mask id="d2-4116162699" maskUnits="userSpaceOnUse" x="11" y="11" width="130" height="379">
<rect x="11" y="11" width="130" height="379" fill="white"></rect>
<rect x="72.000000" y="145.000000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="72.000000" y="369.000000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 10 KiB

2
e2etests/testdata/stable/overlapping_image_container_labels/dagre/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 31 KiB

After

Width:  |  Height:  |  Size: 27 KiB

2
e2etests/testdata/stable/overlapping_image_container_labels/elk/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 31 KiB

After

Width:  |  Height:  |  Size: 27 KiB

2
e2etests/testdata/stable/sequence_diagram_all_shapes/dagre/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 55 KiB

After

Width:  |  Height:  |  Size: 55 KiB

2
e2etests/testdata/stable/sequence_diagram_all_shapes/elk/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 55 KiB

After

Width:  |  Height:  |  Size: 55 KiB

2
e2etests/testdata/themes/3d-sides/dagre/sketch.exp.svg vendored
View file

@ -124,7 +124,7 @@
</pattern>
</defs><g class="YmVhdHM="><g class="shape" ><defs><mask id="border-mask-d2-965089888-beats" maskUnits="userSpaceOnUse" x="10" y="5" width="1537" height="323">
<rect x="10" y="5" width="1537" height="323" fill="white"></rect>
<path d="M10,20L25,5L1547,5L1547,313L1532,328L10,328L10,20L1532,20L1532,328M1532,20L1547,5" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="10.000000" y="20.000000" width="1522.000000" height="308.000000" mask="url(#border-mask-d2-965089888-beats)" stroke="none" fill="#E7E9EE" class=" fill-B4" style="stroke-width:2;" /><rect x="10.000000" y="20.000000" width="1522.000000" height="308.000000" mask="url(#border-mask-d2-965089888-beats)" class="dots-overlay" style="stroke-width:2;" /><polygon mask="url(#border-mask-d2-965089888-beats)" points="10,20 25,5 1547,5 1547,313 1532,328 1532,20" fill="#5AA4DC" class=" fill-B3" style="stroke-width:2;" /><path d="M10,20 L25,5 L1547,5 L1547,313 L1532,328 L10,328 L10,20 L1532,20 L1532,328 M1532,20 L1547,5" stroke="#000410" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="778.500000" y="-8.000000" fill="#000410" class="text-mono fill-N1" style="text-anchor:middle;font-size:28px">BEATS</text></g><g class="YmVhdHMuRXhwbGFuYXRpb24="><g class="shape" ><rect x="40.000000" y="50.000000" width="1462.000000" height="248.000000" stroke="#000410" fill="#F5F6F9" class=" stroke-B1 fill-B5" style="stroke-width:0;" /><rect x="40.000000" y="50.000000" width="1462.000000" height="248.000000" class="dots-overlay" style="stroke-width:0;" /></g><text x="771.000000" y="79.000000" fill="#000410" class="text-mono fill-N1" style="text-anchor:middle;font-size:24px">BEATS IS A FAMILY OF &#34;DATA SHIPPERS,&#34; DISTINCT SERVICES THAT SEND A SINGLE TYPE OF DATA FROM MACHINES</text></g><g class="YmVhdHMuRXhwbGFuYXRpb24uSW1hZ2U="><g class="shape" ><clipPath id="d2-965089888-beats.Explanation.Image-icon"><path d="M 707.000000 110.000000 L 707.000000 110.000000 S 707.000000 110.000000 707.000000 110.000000 L 835.000000 110.000000 L 835.000000 110.000000 S 835.000000 110.000000 835.000000 110.000000 L 835.000000 238.000000 S 835.000000 238.000000 835.000000 238.000000 L 707.000000 238.000000 S 707.000000 238.000000 707.000000 238.000000L 707.000000 110.000000Z 707.000000 110.000000" fill="none" /> </clipPath><image href="https://www.pngkey.com/png/full/75-752805_elastic-beats-logo-png-transparent-design.png" x="707.000000" y="110.000000" width="128.000000" height="128.000000" stroke="#000410" fill="#FFFFFF" class=" stroke-B1 fill-N7" style="stroke-width:2;" clip-path="url(#d2-965089888-beats.Explanation.Image-icon)" /></g></g><mask id="d2-965089888" maskUnits="userSpaceOnUse" x="9" y="-36" width="1540" height="365">
<path d="M10,20L25,5L1547,5L1547,313L1532,328L10,328L10,20L1532,20L1532,328M1532,20L1547,5" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="10.000000" y="20.000000" width="1522.000000" height="308.000000" mask="url(#border-mask-d2-965089888-beats)" stroke="none" fill="#E7E9EE" class=" fill-B4" style="stroke-width:2;" /><rect x="10.000000" y="20.000000" width="1522.000000" height="308.000000" mask="url(#border-mask-d2-965089888-beats)" class="dots-overlay" style="stroke-width:2;" /><polygon mask="url(#border-mask-d2-965089888-beats)" points="10,20 25,5 1547,5 1547,313 1532,328 1532,20" fill="#5AA4DC" class=" fill-B3" style="stroke-width:2;" /><path d="M10,20 L25,5 L1547,5 L1547,313 L1532,328 L10,328 L10,20 L1532,20 L1532,328 M1532,20 L1547,5" stroke="#000410" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="778.500000" y="-8.000000" fill="#000410" class="text-mono fill-N1" style="text-anchor:middle;font-size:28px">BEATS</text></g><g class="YmVhdHMuRXhwbGFuYXRpb24="><g class="shape" ><rect x="40.000000" y="50.000000" width="1462.000000" height="248.000000" stroke="#000410" fill="#F5F6F9" class=" stroke-B1 fill-B5" style="stroke-width:0;" /><rect x="40.000000" y="50.000000" width="1462.000000" height="248.000000" class="dots-overlay" style="stroke-width:0;" /></g><text x="771.000000" y="79.000000" fill="#000410" class="text-mono fill-N1" style="text-anchor:middle;font-size:24px">BEATS IS A FAMILY OF &#34;DATA SHIPPERS,&#34; DISTINCT SERVICES THAT SEND A SINGLE TYPE OF DATA FROM MACHINES</text></g><g class="YmVhdHMuRXhwbGFuYXRpb24uSW1hZ2U="><g class="shape" ><image href="https://www.pngkey.com/png/full/75-752805_elastic-beats-logo-png-transparent-design.png" x="707.000000" y="110.000000" width="128.000000" height="128.000000" stroke="#000410" fill="#FFFFFF" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g></g><mask id="d2-965089888" maskUnits="userSpaceOnUse" x="9" y="-36" width="1540" height="365">
<rect x="9" y="-36" width="1540" height="365" fill="white"></rect>
<rect x="737.500000" y="-36.000000" width="82" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="45.000000" y="55.000000" width="1452" height="31" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 15 KiB

2
e2etests/testdata/themes/3d-sides/elk/sketch.exp.svg vendored
View file

@ -124,7 +124,7 @@
</pattern>
</defs><g class="YmVhdHM="><g class="shape" ><defs><mask id="border-mask-d2-1183921444-beats" maskUnits="userSpaceOnUse" x="12" y="12" width="1562" height="348">
<rect x="12" y="12" width="1562" height="348" fill="white"></rect>
<path d="M12,27L27,12L1574,12L1574,345L1559,360L12,360L12,27L1559,27L1559,360M1559,27L1574,12" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="12.000000" y="27.000000" width="1547.000000" height="333.000000" mask="url(#border-mask-d2-1183921444-beats)" stroke="none" fill="#E7E9EE" class=" fill-B4" style="stroke-width:2;" /><rect x="12.000000" y="27.000000" width="1547.000000" height="333.000000" mask="url(#border-mask-d2-1183921444-beats)" class="dots-overlay" style="stroke-width:2;" /><polygon mask="url(#border-mask-d2-1183921444-beats)" points="12,27 27,12 1574,12 1574,345 1559,360 1559,27" fill="#5AA4DC" class=" fill-B3" style="stroke-width:2;" /><path d="M12,27 L27,12 L1574,12 L1574,345 L1559,360 L12,360 L12,27 L1559,27 L1559,360 M1559,27 L1574,12" stroke="#000410" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="785.500000" y="60.000000" fill="#000410" class="text-mono fill-N1" style="text-anchor:middle;font-size:28px">BEATS</text></g><g class="YmVhdHMuRXhwbGFuYXRpb24="><g class="shape" ><rect x="54.000000" y="69.000000" width="1462.000000" height="248.000000" stroke="#000410" fill="#F5F6F9" class=" stroke-B1 fill-B5" style="stroke-width:0;" /><rect x="54.000000" y="69.000000" width="1462.000000" height="248.000000" class="dots-overlay" style="stroke-width:0;" /></g><text x="785.000000" y="98.000000" fill="#000410" class="text-mono fill-N1" style="text-anchor:middle;font-size:24px">BEATS IS A FAMILY OF &#34;DATA SHIPPERS,&#34; DISTINCT SERVICES THAT SEND A SINGLE TYPE OF DATA FROM MACHINES</text></g><g class="YmVhdHMuRXhwbGFuYXRpb24uSW1hZ2U="><g class="shape" ><clipPath id="d2-1183921444-beats.Explanation.Image-icon"><path d="M 721.000000 129.000000 L 721.000000 129.000000 S 721.000000 129.000000 721.000000 129.000000 L 849.000000 129.000000 L 849.000000 129.000000 S 849.000000 129.000000 849.000000 129.000000 L 849.000000 257.000000 S 849.000000 257.000000 849.000000 257.000000 L 721.000000 257.000000 S 721.000000 257.000000 721.000000 257.000000L 721.000000 129.000000Z 721.000000 129.000000" fill="none" /> </clipPath><image href="https://www.pngkey.com/png/full/75-752805_elastic-beats-logo-png-transparent-design.png" x="721.000000" y="129.000000" width="128.000000" height="128.000000" stroke="#000410" fill="#FFFFFF" class=" stroke-B1 fill-N7" style="stroke-width:2;" clip-path="url(#d2-1183921444-beats.Explanation.Image-icon)" /></g></g><mask id="d2-1183921444" maskUnits="userSpaceOnUse" x="11" y="10" width="1565" height="351">
<path d="M12,27L27,12L1574,12L1574,345L1559,360L12,360L12,27L1559,27L1559,360M1559,27L1574,12" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="12.000000" y="27.000000" width="1547.000000" height="333.000000" mask="url(#border-mask-d2-1183921444-beats)" stroke="none" fill="#E7E9EE" class=" fill-B4" style="stroke-width:2;" /><rect x="12.000000" y="27.000000" width="1547.000000" height="333.000000" mask="url(#border-mask-d2-1183921444-beats)" class="dots-overlay" style="stroke-width:2;" /><polygon mask="url(#border-mask-d2-1183921444-beats)" points="12,27 27,12 1574,12 1574,345 1559,360 1559,27" fill="#5AA4DC" class=" fill-B3" style="stroke-width:2;" /><path d="M12,27 L27,12 L1574,12 L1574,345 L1559,360 L12,360 L12,27 L1559,27 L1559,360 M1559,27 L1574,12" stroke="#000410" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="785.500000" y="60.000000" fill="#000410" class="text-mono fill-N1" style="text-anchor:middle;font-size:28px">BEATS</text></g><g class="YmVhdHMuRXhwbGFuYXRpb24="><g class="shape" ><rect x="54.000000" y="69.000000" width="1462.000000" height="248.000000" stroke="#000410" fill="#F5F6F9" class=" stroke-B1 fill-B5" style="stroke-width:0;" /><rect x="54.000000" y="69.000000" width="1462.000000" height="248.000000" class="dots-overlay" style="stroke-width:0;" /></g><text x="785.000000" y="98.000000" fill="#000410" class="text-mono fill-N1" style="text-anchor:middle;font-size:24px">BEATS IS A FAMILY OF &#34;DATA SHIPPERS,&#34; DISTINCT SERVICES THAT SEND A SINGLE TYPE OF DATA FROM MACHINES</text></g><g class="YmVhdHMuRXhwbGFuYXRpb24uSW1hZ2U="><g class="shape" ><image href="https://www.pngkey.com/png/full/75-752805_elastic-beats-logo-png-transparent-design.png" x="721.000000" y="129.000000" width="128.000000" height="128.000000" stroke="#000410" fill="#FFFFFF" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g></g><mask id="d2-1183921444" maskUnits="userSpaceOnUse" x="11" y="10" width="1565" height="351">
<rect x="11" y="10" width="1565" height="351" fill="white"></rect>
<rect x="744.500000" y="32.000000" width="82" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="59.000000" y="74.000000" width="1452" height="31" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 15 KiB