May 2019
Beginner to intermediate
650 pages
14h 50m
English
The following code uses several SVG elements described in this section to draw some shapes, shadows, gradients and text:
<svg width="300" height="300"> <defs> <filter id="shadow"> <feDropShadow style="flood-color: green" dx="5" dy="5" stdDeviation="3"/> </filter> <linearGradient id="grad" x1="0" y1="0" x2="100%" y2="0"> <stop offset="0%" stop-color="magenta"/> <stop offset="100%" stop-color="yellow"/> </linearGradient> <clipPath id="circle"> <circle r="40" cx="175" cy="75"/> </clipPath> </defs> <!-- rectangle --> <rect x="50" y="50" height="50" width="50" fill="red" stroke="blue" stroke-width="10" stroke-opacity="0.5"/> <!-- dashed shape --> <path id="path1" d="M150,200 L150,150 L100,150 C100,200 150,250 200,250 L200,200 ...
Read now
Unlock full access