 first | Daisy Diff compare report. Click on the changed parts for a detailed description. Use the left and right arrow keys to walk through the modifications. |
last  |
| first | Daisy Diff compare report. Click on the changed parts for a detailed description. Use the left and right arrow keys to walk through the modifications. |
last |
A pattern is used to fill or stroke an object using a pre-defined graphic object which can be replicated ("tiled") at fixed intervals in x and y to cover the areas to be painted. Patterns are defined using a 'pattern' element and then referenced by properties 'fill' and 'stroke' on a given graphics element to indicate that the given element shall be filled or stroked with the referenced pattern.
Attributes 'x', 'y', 'width', 'height' and 'patternUnits' define a reference rectangle somewhere on the infinite canvas. The reference rectangle has its top/left at (x, y) and its bottom/right at (x + width, y + height). The tiling theoretically extends a series of such rectangles to infinity in X and Y (positive and negative), with rectangles starting at (x + m*width, y + n* height) for each possible integer value for m and n.
<!ENTITY % SVG.pattern.extra.content "" > <!ENTITY % SVG.pattern.element "INCLUDE" > <![%SVG.pattern.element;[ <!ENTITY % SVG.pattern.content "( %SVG.Description.class; | %SVG.Animation.class; %SVG.Structure.class; %SVG.Conditional.class; %SVG.Image.class; %SVG.Style.class; %SVG.Shape.class; %SVG.Text.class; %SVG.Marker.class; %SVG.ColorProfile.class; %SVG.Gradient.class; %SVG.Pattern.class; %SVG.Clip.class; %SVG.Mask.class; %SVG.Filter.class; %SVG.Cursor.class; %SVG.Hyperlink.class; %SVG.View.class; %SVG.Script.class; %SVG.Font.class; %SVG.pattern.extra.content; )*" > <!ELEMENT %SVG.pattern.qname; %SVG.pattern.content; > <!-- end of SVG.pattern.element -->]]> <!ENTITY % SVG.pattern.attlist "INCLUDE" > < |
View this example as SVG (SVG-enabled browsers only)
13.4 Gradient Module| Elements | Attributes | Content Model |
|---|---|---|
| linearGradient | Core.attrib, XLink.attrib, Paint.attrib, Gradient.attrib, Style.attrib, External.attrib, gradientUnits, gradientTransform, x1, y1, x2, y2, spreadMethod | (Description.class | Animation.class | stop)* |
| radialGradient | Core.attrib, XLink.attrib, Paint.attrib, Gradient.attrib, Style.attrib, External.attrib, gradientUnits, gradientTransform, cx, cy, r, fx, fy, spreadMethod | (Description.class | Animation.class | stop)* |
| stop | Core.attrib, Style.attrib, Paint.attrib, Gradient.attrib, offset | (Description.class | Animation.class)* |
The Gradient Module defines the Gradient.class content set.
| Content Set Name | Elements in Content Set |
|---|---|
| Gradient.class | linearGradient, radialGradient |
The Gradient Module defines the Gradient.attrib attribute set.
| Collection Name | Attributes in Collection |
|---|---|
| Gradient.attrib | stop-color, stop-opacity |
| Elements | Attributes | Content Model |
|---|---|---|
| pattern | Core.attrib,, XLink.attrib, Conditional.attrib, External.attrib, Style.attrib, Presentation.attrib, viewBox, preserveAspectRatio, patternUnits, patternTransform, x, y, width, height | (Description.class | Structure.class | Shape.class | Text.class | Image.class | Hyperlink.class | Script.class | Style.class | Clip.class | Mask.class | Gradient.class | Pattern.class | Filter.class | Cursor.class | Font.class | ColorProfile.class | Animation.class)* |
The Pattern Module defines the Pattern.class content set.
| Content Set Name | Elements in Content Set |
|---|---|
| Pattern.class | pattern |
The following interfaces are defined below: SVGGradientElement, SVGLinearGradientElement, SVGRadialGradientElement, SVGStopElement, SVGPatternElement.
interface SVGGradientElement : SVGElement,SVGElement,
SVGURIReference, SVGExternalResourcesRequired, SVGStylable, SVGUnitTypes { // Spread Method Typesconst
unsigned short SVG_SPREADMETHOD_UNKNOWN = 0;const
unsigned short SVG_SPREADMETHOD_PAD
= 1;
const
unsigned short SVG_SPREADMETHOD_REFLECT = 2;const
unsigned short SVG_SPREADMETHOD_REPEAT
= 3; readonly attribute SVGAnimatedEnumeration
gradientUnits; readonly attribute SVGAnimatedTransformList gradientTransform; readonly attribute SVGAnimatedEnumeration
spreadMethod; };Definition
interface SVGLinearGradientElement : SVGGradientElement {
readonly attribute SVGAnimatedLength x1; readonly attribute SVGAnimatedLength y1; readonly attribute SVGAnimatedLength x2; readonly attribute SVGAnimatedLength y2; };
interface SVGRadialGradientElement : SVGGradientElement {
readonly attribute SVGAnimatedLength cx; readonly attribute SVGAnimatedLength cy; readonly attribute SVGAnimatedLength r; readonly attribute SVGAnimatedLength fx; readonly attribute SVGAnimatedLength fy; };
interface SVGStopElement : SVGElement,SVGElement,
SVGStylable {
readonly attribute SVGAnimatedNumber offset; };
interface SVGPatternElement : SVGElement,SVGElement,
SVGURIReference,SVGURIReference,
SVGTests, SVGLangSpace, SVGExternalResourcesRequired, SVGStylable,SVGFitToViewBox,
SVGFitToViewBox,SVGUnitTypes
{
readonly
attribute
SVGAnimatedEnumeration
patternUnits;
readonly
attribute
SVGAnimatedEnumeration
patternContentUnits;
readonly
attribute
SVGAnimatedTransformList
patternTransform;
readonly
attribute
SVGUnitTypesSVGAnimatedLength
{ readonly attribute SVGAnimatedEnumerationx
patternUnits; readonly attributeSVGAnimatedLength
SVGAnimatedEnumeration patternContentUnits; readonly attribute SVGAnimatedTransformListy
patternTransform; readonly attribute SVGAnimatedLength x; readonly attribute SVGAnimatedLengthwidth
y; readonly attribute SVGAnimatedLength width; readonly attribute SVGAnimatedLength
height; };