Description Available Attribute Values Details Used by the Elements
Governs the aspect ration preservation and alignment of an image when scaling.
The value is defined as follows:
Specities the alignment directive (See details below)
Specifies both a defer directive and an alignment directive. (See details below)
Specifies both an alignment directive and a meet-or-slice directive. (See details below)
Specifies a defer, an alignment directive and a meet-or-slice directive. (See details below)
A preserveAspectRatio value is a vector, which consists of mandatory alignment directive, possibly prepended with an optional defer directive and possibly postpended with an optional meet-or-slice directive.
The Align Directives (mandatory, pick one)
xMinYMin | Place the viewBox in the top-left hand corner of the viewport, and force uniform scaling. |
xMidYMin | Place the viewBox at the top of the viewport and center it horizontally with respect to the viewport, and force uniform scaling. |
xMaxYMin | Place the viewBox at the top-left hand corner of the viewport, and force uniform scaling. |
xMinYMid | Place the viewBox to be centered at the left edge of the viewport, and force uniform scaling. |
xMidYMid | Place the viewBox to be centered at the center of the viewport, and force uniform scaling. This is the default. |
xMaxYMid | Place the viewBox to be centered at the right edge of the viewport, and force uniform scaling. |
xMinYMax | Place the viewBox at the lower-left hand corner of the viewport, and force uniform scaling. |
xMidYMax | Place the viewBox at the center of the bottom edge of the viewport, and force uniform scaling. |
xMaxYMax | Place the viewBox at the lower-lright hand corner of the viewport, and force uniform scaling. |
none | Scale the graphics so that the viewBox coinsides with the viewport and ignore any meet or slice directives. |
(Note: if <align> is none, then the optional <meetOrSlice> value is ignored.)
The Meet-o-Slice Directives (optional)
meet | Directive to scale up the graphic as such that the resulting viewBox is still contained within the viewPort, while still maintaining the original the aspect ratio. |
slice | Directive to scale up the graphic as such that the resulting viewBox just covers the viewPort, while still maintaining the original the aspect ratio. |
The Defer Directive (optional):
defer | Directive to instruct that any 'peserveAspectRation' value set in the content takes precedence. |
feImage
image
marker
, pattern
svg
, symbol
view
Add the following code to your website.
For more information on customizing the embed code, read Embedding Snippets.