SVG and Canvas
stroke and
fill attributes. | Class | Explanation | Example |
|---|---|---|
Keyword |
SVG defines everything from 'aliceblue' to 'yellowgreen' on its type page. | Aliceblue |
Functional |
A functional way to define the color. Either values in the range from 0 to 255 or percentages can be used. Mixing percents and values is illegal. | rgb(255,255,255) rgb(100%,100%,100%) |
Hexadecimal |
This is the same way colors are defined in HTML. | #FFFFFF |
URI |
A reference to a color gradient or pattern. Described later... | url(#MyGradient) |
opacity,
fill-opacity, stroke-opacity, and
stop-opacity (for gradients). There are
percentages.19 of 24