SVG Patterns

Help us to keep this website almost Ad Free! It takes only 10 seconds of your time:
> Step 1: Go view our video on YouTube: EF Core Bulk Extensions
> Step 2: And Like the video. BONUS: You can also share it!

Parameters

parameterdescription
patternUnitsthe coordinate system of the pattern attributes either objectBoundingBox (default) or userSpaceOnUse
patternContentUnitsthe coordinate system of the pattern contents either objectBoundingBox or userSpaceOnUse(default)
patternTransformthe transform to apply to the pattern contents
xthe x offset of the pattern (default is zero)
ythe y offset of the pattern (default is zero)
widththe width of the pattern (required)
heightthe height of the pattern (required)
xlink:hreflink to another pattern that provides some attributes or content
preserveAspectRatiowhether the aspect ratio of the pattern should be preserved

Remarks

By default, the pattern will be tiled by setting the middle of the pattern unit at the top left corner of the shape.



Got any SVG Question?