TIL about clipping

A presentation at Tech Talk @ Tagesspiegel in March 2021 in by Gunnar Bittersmann

Slide 1

TIL about clipping

Slide 2

Photo by Flavio Gasperini on Unsplash

Slide 3

Slide 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)”>

Slide 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)”>

Slide 6

“

Slide 7

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

Slide 8

Photo by Flavio Gasperini on Unsplash