45 lines
2.7 KiB
HTML
45 lines
2.7 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<title>SVG parsing</title>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
|
||
|
|
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||
|
|
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
||
|
|
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
||
|
|
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
|
||
|
|
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
|
||
|
|
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||
|
|
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
||
|
|
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
||
|
|
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
|
||
|
|
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||
|
|
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" height="50" width="50" style="position: absolute;">
|
||
|
|
<g>
|
||
|
|
<clipPath id="hex-mask-large"><polygon points="15,35 10,35 10,0 10,0 45,0 45,35 45,35 25,35 15,43"/></clipPath>
|
||
|
|
<clipPath id="hex-mask-small"><polygon points="5,1 5,16 3,23 10,20 24,20 24,1"/></clipPath>
|
||
|
|
</g>
|
||
|
|
</svg>
|
||
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
|
||
|
|
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||
|
|
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
||
|
|
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
||
|
|
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
|
||
|
|
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
|
||
|
|
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||
|
|
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
||
|
|
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
||
|
|
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
|
||
|
|
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
|
||
|
|
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||
|
|
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
||
|
|
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
||
|
|
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
|
||
|
|
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||
|
|
</body>
|
||
|
|
</html>
|