
|
AlignmentBaseline
|
Specifies how an object is aligned with respect to its parent. This property specifies which baseline of this element is to be aligned with the corresponding baseline of the parent. For example, this allows alphabetic baselines in Roman text to stay aligned across font size changes. It defaults to the baseline with the same name as the computed value of the alignment-baseline property. That is, the position of "ideographic" alignment-point in the block-progression-direction is the position of the "ideographic" baseline in the baseline-table of the object being aligned.
Note
|
Currently, only auto/baseline is supported
|
|

|
BaselineShift
|
Allows repositioning of the dominant-baseline relative to the dominant-baseline of the parent text content element. The shifted object might be a sub- or superscript. Within the shifted object, the whole baseline-table is offset; not just a single baseline. The amount of the shift is determined from information from the parent text content element, the sub- or superscript offset from the nominal font of the parent text content element, percent of the "line-height" of the parent text content element or an absolute value.
Note
|
‘baseline-shift’ properties can nest. Each nested ‘baseline-shift’ is added to previous baseline shift values.
|
|

|
Brush
|
Brush used for drawing the fill portions of the SVG element
|

|
BrushChanged
|
Specifies whether the Brush has been changed and needs to be reinitializated by the GetBrush method. Set this property to true to force initialization of the Brush for the current SVG element.
|

|
ClippingChanged
|
Specifies whether the Clipping has been changed and needs to be reinitializated by the GetClipping method. Set this property to false to force initialization of the Clipping for the current SVG element.
|

|
ClipRect
|
Returns the clipping rectangle for the element
|

|
ClipRule
|
Clipping rule for how this element adds to the clipping path
|

|
ClipURI
|
ID of the SVG element that provides the clipping region
|

|
ClipURIElement
|
Returns the SVG element that provides the clipping region for the current element.
The ClipURI property specifies the ID of the SVG element that provides the clipping region
|

|
Color
|
Color used for provide a potential indirect value (currentColor) for the ‘fill’, ‘stroke’, ‘stop-color’, ‘flood-color’ and ‘lighting-color’ properties
|

|
ColorInterpolation
|
Color interpolation type, which specifies the color space for gradient interpolations and alpha compositing
VCL Only
|

|
ColorRendering
|
Color rendering type, which provides a hint to the SVG library about how to optimize its color interpolation and compositing operations.
VCL Only
|

|
Cursor
|
Cursor to use when over this element type
|

|
Direction
|
Specifies the base writing direction of text.
The ‘direction’ property applies only to glyphs oriented perpendicular to the inline-progression-direction, which includes the usual case of horizontally-oriented Latin or Arabic text and the case of narrow-cell Latin or Arabic characters rotated 90 degrees clockwise relative to a top-to-bottom inline-progression-direction.
Within text content elements, the alignment of text with regards to the ‘text-anchor’ property is determined by the value of the ‘direction’ property. For example, given a ‘text’ element with a ‘text-anchor’ value of "end", for a ‘direction’ value of "ltr", the text will extend to the left of the position of the ‘text’ element's ‘x’ attribute value, while for ‘direction’ value of "rtl", the text will extend to the right of the position of the ‘text’ element's ‘x’ attribute value.
|

|
DominantBaseline
|
Determine or re-determine a scaled-baseline-table. A scaled-baseline-table is a compound value with three components: a baseline-identifier for the dominant-baseline, a baseline-table and a baseline-table font-size. Some values of the property re-determine all three values; other only re-establish the baseline-table font-size. When the initial value, auto, would give an undesired result, this property can be used to explicitly set the desire scaled-baseline-table.
Note
|
Not supported
|
|

|
FillRule
|
Indicates the algorithm which is to be used to determine what parts of the canvas are included inside the element shape. For a simple, non-intersecting path, it is intuitively clear what region lies "inside"; however, for a more complex path, such as a path that intersects itself or where one subpath encloses another, the interpretation of "inside" is not so obvious.
|

|
Font
|
Font used for drawing the Text portions of the SVG element
|

|
FontChanged
|
Specifies whether the Font has been changed and needs to be reinitializated by the GetFont method. Set this property to false to force initialization of the Font for the current SVG element.
|

|
GlyphOrientationHorizontal
|
In some cases, it is required to alter the orientation of a sequence of characters relative to the inline-progression-direction. The requirement is particularly applicable to vertical layouts of East Asian documents, where sometimes narrow-cell Latin text is to be displayed horizontally and other times vertically.
Two properties control the glyph orientation relative to the reference orientation for each of the two possible inline-progression-directions. ‘glyph-orientation-vertical’ controls glyph orientation when the inline-progression-direction is vertical. ‘glyph-orientation-horizontal’ controls glyph orientation when the inline-progression-direction is horizontal.
This property is applied only to text written in a horizontal FMX.RS.SVG.TSVGGraphicElement.WritingMode .
|

|
GlyphOrientationVertical
|
In some cases, it is required to alter the orientation of a sequence of characters relative to the inline-progression-direction. The requirement is particularly applicable to vertical layouts of East Asian documents, where sometimes narrow-cell Latin text is to be displayed horizontally and other times vertically.
Two properties control the glyph orientation relative to the reference orientation for each of the two possible inline-progression-directions. ‘glyph-orientation-vertical’ controls glyph orientation when the inline-progression-direction is vertical. ‘glyph-orientation-horizontal’ controls glyph orientation when the inline-progression-direction is horizontal.
This property is applied only to text written in a vertical FMX.RS.SVG.TSVGGraphicElement.WritingMode
|

|
Height
|
Height of the element in the current user coordinate system
The X, Y, Width, and Height properties specify coordinates in virtual pixels of the nearest viewbox, or coordinate system. For example, a TSVGDocument may specify a ViewBox of 0, 0, 100, 100. Specifying an element's X and Y as 50, 50 will always position the element to start in the exact center of the view box. If the TSVGDocument is then drawn to a true pixel rectangle of 1000 pixel width and 500 pixel height, the element would draw at 500, 250 pixels.
|

|
HeightU
|
Height of the element in the current user coordinate system.
The property is a length with raw measurement value and its units (e.g., 1 inch, 2.5 centimeters, etc). When the element needs to get the x-axis coordinate in pixels, this property converts the raw measurement value using the FMX.RS.SVG.TSVGGraphicElement.GetUnitFactors (e.g., 1 inch = 96 pixels) .
The Xu, Yu, WidthU, and HeightU properties specify coordinates in virtual pixels of the nearest viewbox, or coordinate system. For example, a TSVGDocument may specify a ViewBox of 0, 0, 100, 100. Specifying an element's X and Y as 50, 50 will always position the element to start in the exact center of the view box. If the TSVGDocument is then drawn to a true pixel rectangle of 1000 pixel width and 500 pixel height, the element would draw at 500, 250 pixels.
|

|
Inherits
|
Style properties or attributes which inherits their values from the Parent.
|

|
Kerning
|
Specifies whether inter-glyph spacing should be adjusted based on behavior kerning tables that are included in the relevant font (i.e., enable auto-kerning) or instead disable auto-kerning and instead set inter-character spacing to a specific length (typically, zero).
Note
|
Three properties affect the space between characters and words:
• ‘kerning’ indicates whether the user agent should adjust inter-glyph spacing based on kerning tables that are included in the relevant font (i.e., enable auto-kerning) or instead disable auto-kerning and instead set inter-character spacing to a specific length (typically, zero). • ‘letter-spacing’ indicates an amount of space that is to be added between text characters supplemental to any spacing due to the ‘kerning’ property. • ‘word-spacing’ indicates the spacing behavior between words. |
|
|

|
LetterSpacing
|
Specifies spacing between text characters supplemental to any spacing due to the FMX.RS.SVG.TSVGGraphicElement.Kerning property
Note
|
Three properties affect the space between characters and words:
• ‘kerning’ indicates whether the user agent should adjust inter-glyph spacing based on kerning tables that are included in the relevant font (i.e., enable auto-kerning) or instead disable auto-kerning and instead set inter-character spacing to a specific length (typically, zero). • ‘letter-spacing’ indicates an amount of space that is to be added between text characters supplemental to any spacing due to the ‘kerning’ property. • ‘word-spacing’ indicates the spacing behavior between words. |
|
|

|
MarkerEndURI
|
ID of the SVG element that defines arrowhead or polymarker that shall be drawn at the final vertex of the given path element or basic shape
|

|
MarkerMidURI
|
ID of the SVG element that defines arrowhead or polymarker that shall be drawn at the every other vertex (i.e., every vertex except the first and last) of the given path element or basic shape
|

|
MarkerStartURI
|
ID of the SVG element that defines arrowhead or polymarker that shall be drawn at the first vertex of the given path element or basic shape
|

|
Matrix
|
Local Transformation matrix for the element
Note that the final transformation of the element depends on its Parents' transformation matrices
|

|
Opacity
|
Uniform opacity setting to be applied across an entire object, as a . Any values outside the range 0.0 (fully transparent) to 1.0 (fully opaque) will be clamped to this range.
|

|
OpacityPreferredUnit
|
Provides the unit type (e.g., mm, px, etc) to use when displaying the Opacity
|

|
Overflow
|
Specifies whether the content of a block-level element is clipped when it overflows the element's box (which is acting as a containing block for the content)
|

|
ParentPreferredStyles
|
Specifies whether to use the current element's Preferred Styles property or use its graphic parent
|

|
Pen
|
Pen used for drawing the stroke portions of the SVG element
|

|
PenChanged
|
Specifies whether the Pen has been changed and needs to be reinitializated by the GetPen method. Set this property to false to force initialization of the Pen for the current SVG element.
|

|
PreferredStyles
|
Defines which style properties should be exported as a style (e.g., style=" fill:red; fill-opacity:1;" or as an attribute (e.g., fill="red").
Include style properties in this property to have the style property output as part of the style="" attribute.
|

|
Shape
|
Returns a path defining the shape of the current svg element. This option can speed up redraws by using this cached shape instead of redrawing the svg element from scratch.
Note
|
Not all elements define a path shape
|
|

|
ShapeCacheChanged
|
Specifies whether the Shape has been changed and needs to be reinitializated by the GetShape method. Set this property to false to force initialization of the ShapeCache for the current SVG element.
|

|
ShapeRendering
|
Shape rendering type, which provides a hint to the SVG library about what tradeoffs to make as it renders vector graphics elements such as path elements and basic shapes such as circles and rectangles.
VCL Only
|

|
Style
|
Style for the element, the properties or attributes explicitly set by the element and not inherited or set by another style
|

|
TextAlign
|
Defines the Text alignment, which is used to align (start-, middle- or end-alignment) a string of text relative to a given point
|

|
TextRendering
|
Text rendering type, which provides a hint to the SVG library about what tradeoffs to make as it renders text
VCL Only
|

|
TransformMatrix
|
Specifies the local transformation FMX.RS.SVG.TSVGGraphicElement.Matrix as a string
|

|
VectorEffect
|
Modifies the way an object is stroked. Sometimes it is of interest to let the outline of an object keep its original width no matter which transforms are applied to it. For example, in a map with a 2px wide line representing roads it is of interest to keep the roads 2px wide even when the user zooms into the map. To achieve this, SVG Tiny 1.2 introduces the 'vector-effect' property. Future versions of the SVG language may allow for more powerful vector effects through this property.
|

|
Visible
|
Visibility of the element, whether it should be painted or not
|

|
Width
|
Width of the element in the current user coordinate system
The X, Y, Width, and Height properties specify coordinates in virtual pixels of the nearest viewbox, or coordinate system. For example, a TSVGDocument may specify a ViewBox of 0, 0, 100, 100. Specifying an element's X and Y as 50, 50 will always position the element to start in the exact center of the view box. If the TSVGDocument is then drawn to a true pixel rectangle of 1000 pixel width and 500 pixel height, the element would draw at 500, 250 pixels.
|

|
WidthU
|
Width of the element in the current user coordinate system.
The property is a length with raw measurement value and its units (e.g., 1 inch, 2.5 centimeters, etc). When the element needs to get the x-axis coordinate in pixels, this property converts the raw measurement value using the FMX.RS.SVG.TSVGGraphicElement.GetUnitFactors (e.g., 1 inch = 96 pixels) .
The Xu, Yu, WidthU, and HeightU properties specify coordinates in virtual pixels of the nearest viewbox, or coordinate system. For example, a TSVGDocument may specify a ViewBox of 0, 0, 100, 100. Specifying an element's X and Y as 50, 50 will always position the element to start in the exact center of the view box. If the TSVGDocument is then drawn to a true pixel rectangle of 1000 pixel width and 500 pixel height, the element would draw at 500, 250 pixels.
|

|
WordSpacing
|
Specifies spacing behavior between words
Note
|
Three properties affect the space between characters and words:
• ‘kerning’ indicates whether the user agent should adjust inter-glyph spacing based on kerning tables that are included in the relevant font (i.e., enable auto-kerning) or instead disable auto-kerning and instead set inter-character spacing to a specific length (typically, zero). • ‘letter-spacing’ indicates an amount of space that is to be added between text characters supplemental to any spacing due to the ‘kerning’ property. • ‘word-spacing’ indicates the spacing behavior between words. |
|
|

|
WritingMode
|
Specifies whether the initial inline-progression-direction for a ‘text’ element shall be left-to-right, right-to-left, or top-to-bottom. The ‘writing-mode’ property applies only to ‘text’ elements; the property is ignored for ‘tspan’, ‘tref’, ‘altGlyph’ and ‘textPath’ sub-elements.
|

|
X
|
x-axis coordinate of the element which has the smaller x-axis coordinate value in the current user coordinate system
The X, Y, Width, and Height properties specify coordinates in virtual pixels of the nearest viewbox, or coordinate system. For example, a TSVGDocument may specify a ViewBox of 0, 0, 100, 100. Specifying an element's X and Y as 50, 50 will always position the element to start in the exact center of the view box. If the TSVGDocument is then drawn to a true pixel rectangle of 1000 pixel width and 500 pixel height, the element would draw at 500, 250 pixels.
|

|
Xu
|
x-axis coordinate of the element which has the smaller x-axis coordinate value in the current user coordinate system.
The property is a length with raw measurement value and its units (e.g., 1 inch, 2.5 centimeters, etc). When the element needs to get the x-axis coordinate in pixels, this property converts the raw measurement value using the FMX.RS.SVG.TSVGGraphicElement.GetUnitFactors (e.g., 1 inch = 96 pixels) .
The Xu, Yu, WidthU, and HeightU properties specify coordinates in virtual pixels of the nearest viewbox, or coordinate system. For example, a TSVGDocument may specify a ViewBox of 0, 0, 100, 100. Specifying an element's X and Y as 50, 50 will always position the element to start in the exact center of the view box. If the TSVGDocument is then drawn to a true pixel rectangle of 1000 pixel width and 500 pixel height, the element would draw at 500, 250 pixels.
|

|
Y
|
y-axis coordinate of the element which has the smaller y-axis coordinate value in the current user coordinate system
The X, Y, Width, and Height properties specify coordinates in virtual pixels of the nearest viewbox, or coordinate system. For example, a TSVGDocument may specify a ViewBox of 0, 0, 100, 100. Specifying an element's X and Y as 50, 50 will always position the element to start in the exact center of the view box. If the TSVGDocument is then drawn to a true pixel rectangle of 1000 pixel width and 500 pixel height, the element would draw at 500, 250 pixels.
|

|
Yu
|
y-axis coordinate of the element which has the smaller y-axis coordinate value in the current user coordinate system.
The property is a length with raw measurement value and its units (e.g., 1 inch, 2.5 centimeters, etc). When the element needs to get the x-axis coordinate in pixels, this property converts the raw measurement value using the FMX.RS.SVG.TSVGGraphicElement.GetUnitFactors (e.g., 1 inch = 96 pixels) .
The Xu, Yu, WidthU, and HeightU properties specify coordinates in virtual pixels of the nearest viewbox, or coordinate system. For example, a TSVGDocument may specify a ViewBox of 0, 0, 100, 100. Specifying an element's X and Y as 50, 50 will always position the element to start in the exact center of the view box. If the TSVGDocument is then drawn to a true pixel rectangle of 1000 pixel width and 500 pixel height, the element would draw at 500, 250 pixels.
|