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
2

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
3
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
7
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
47
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
29
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
14
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
1
33
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
36
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
2
23
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
27

Other Decks in Programming

See All in Programming
8284465a94bbdf1ea82cf1a67d55f447?s=48 kilometer
2
280
A760a90c9afd981004343b9861f1e8b4?s=48 daipresents
11
3.7k
28410ec97da16f250a154d9b335c8a32?s=48 quannt
1
100
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
PRO
2
260
Df065863f38c6268cb70ed44b2e2f5b4?s=48 chatii
2
290
7f408bc67dc9ae3b288ee92d16d3c4c2?s=48 deepu105
0
240
88ad4f75d7c84fcf560bb6205c52e8c1?s=48 dnskimo
8
1.5k
B74ae56d7910fbe1dd685c999b8f9e31?s=48 shiba6v
0
210
79fc33e55cacc42beef647541de24d58?s=48 yasuakiomokawa
0
630
Acd2f6f7498ea41881e161e191aa7c02?s=48 yattom
32
11k
Bbb17eeeecd3d9d06f4db310ab630a12?s=48 borkdude
1
180
7beed3a6fa39e12c9e873b903e4d9244?s=48 samjulien
0
430

Featured

See All Featured
7c8469ee8c9e594c65c59b919626c08d?s=48 scottboms
252
11k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
1346
200k
4262b9cfacfb6b2c77f23e1d0310cd3e?s=48 myddelton
109
11k
7fa6101cd43067653cf4ac6c7ca54305?s=48 akmur
252
19k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
PRO
408
58k
651dcfe41723207fbb0aa044a4f7c07f?s=48 dotmariusz
94
5.5k
Dad095ea7038f89f760419ce475d5d14?s=48 michaelherold
226
8.7k
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
259
24k
1519587b1a0febb658c36c94f6272b0d?s=48 roundedbygravity
242
21k
91cefdf141106fa10674aae74ce05890?s=48 yeseniaperezcruz
302
31k
5ce91fa49a613cbc3e20d5f96856473f?s=48 edds
56
9.4k
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
193
8.9k

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