Upgrade to Pro — share decks privately, control downloads, hide ads and more …

TIL about clipping

051dbe29a972707cde167602b38c9778?s=47 Gunnar Bittersmann
March 29, 2021
Programming
0
8

TIL about clipping

051dbe29a972707cde167602b38c9778?s=128

Gunnar Bittersmann

March 29, 2021
Tweet

More Decks by Gunnar Bittersmann

See All by Gunnar Bittersmann
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
6
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
7
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
8
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
8
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
7
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
13
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
4
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
6
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
10

Other Decks in Programming

See All in Programming
E65d5a0c854f5433a69859ec0cd4d5bb?s=48 massa142
0
310
491bde095856f2097f08f8034dabd998?s=48 tajimathememer
0
250
4ce0d60e368cef89450f1d9dfdcb493f?s=48 n8ebel
1
200
Cfbe23392787cb3ad4689c5f72463fcc?s=48 makicamel
3
750
6e704ad00f166b420eba3d174713c82b?s=48 urushiyama
0
390
A1391fea7feb81a26c333c05f831dbf3?s=48 tosh2230
13
3.9k
652359244199b2b5108a5e09c027e0da?s=48 ykanazawa
0
370
44df43ecb9d8ae00cafee6b804db3fcd?s=48 kentatada
2
200
F74146bada61d15a5e652919815bd355?s=48 satoki
0
300
7988692211244373f0e84a922a1f4f78?s=48 inabajunmr
0
9.3k
36c29634c5d55eae66224c24ba2b933c?s=48 rivuchk
1
140
119659c28d16f22d01eb48a6f3ee1391?s=48 iwatatomoya
0
3.5k

Featured

See All Featured
9fa239b3154a0169d99ab7bf1422dd12?s=48 marcelosomers
224
15k
3d4519fd34b76fb265fc0237f3792bd4?s=48 danielanewman
208
20k
A16eb159db895e3b01d3dc95767ad595?s=48 jonyablonski
38
1.8k
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
91
3.6k
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
298
39k
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
11
1.1k
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
224
15k
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
91
8.9k
C620790ae5bf5b50c245b2e0ef95f338?s=48 deanohume
294
28k
016edace78ffe826f2348d1e0c504afd?s=48 maggiecrowley
16
910
E76911cbe088e5b850d966de3fc7435b?s=48 robhawkes
56
3k
D83926c323d4f9289f947b4b4e76b939?s=48 jensimmons
210
11k

Transcript

  1. TIL about clipping

  2. Photo by Flavio Gasperini on Unsplash

  3. None

  4. <defs> <mask id="x"> <rect width="3000" height="630" fill="white"!" <ellipse cx="1510" cy="411"

    rx="220" ry="214" fill="black" stroke="none"!" !#mask> !#defs> <g mask="url(#x)">

  5. <defs> <clipPath id="x"> <rect width="3000" height="630" fill="white"!" <ellipse cx="1510" cy="411"

    rx="220" ry="214" fill="black" stroke="none"!" !#clipPath> !#defs> <g clip path="url(#x)">

  6. “

  7. <defs> <clipPath id="x"> <path d="................................................................ ................................................................"!" !#clipPath> !#defs> <g clip-path="url(#x)">

  8. Photo by Flavio Gasperini on Unsplash