Basics

Guides

API Reference

Menu

Basics

Guides

API Reference

class: SVGPath

[45:7] extends: Node

Wraps JavaFX SVGPath, a shape defined by an SVG path data string. The path data uses standard SVG path commands (M, L, C, Z, etc.) to describe arbitrary vector shapes, making this class suitable for icons and complex custom outlines.

CSS Properties -- Shape

Property Values Default Description
-fx-fill <paint> black Fill paint for the interior of the shape.
-fx-smooth true | false true When true, anti-aliasing is applied to the shape edges.
-fx-stroke <paint> null Paint for the shape outline stroke. No stroke is drawn when null.
-fx-stroke-type inside | outside | centered centered Position of the stroke relative to the shape boundary.
-fx-stroke-dash-array <size> [<size>]* (none) Pattern of dashes and gaps for a dashed stroke.
-fx-stroke-dash-offset <number> 0 Offset into the dash pattern at which to begin rendering.
-fx-stroke-line-cap square | butt | round square Style of the end caps on open path strokes.
-fx-stroke-line-join miter | bevel | round miter Style used at corners where two stroke segments meet.
-fx-stroke-miter-limit <number> 10 Limit on the ratio of miter length to stroke width; beyond this the join becomes a bevel.
-fx-stroke-width <size> 1 Width of the shape stroke in pixels.

CSS Properties -- Node

Property Values Default Description
-fx-blend-mode add | blue | color-burn | color-dodge | darken | difference | exclusion | green | hard-light | lighten | multiply | overlay | red | screen | soft-light | src-atop | src-in | src-out | src-over null Blend mode used when compositing this node with nodes beneath it.
-fx-cursor null | crosshair | default | hand | move | e-resize | h-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | v-resize | text | wait | <url> null (inherits) Mouse cursor shape shown when the pointer is over this node. Inherits from parent by default.
-fx-effect <effect> null A visual effect (e.g. DropShadow, InnerShadow) applied to the rendered node.
-fx-focus-traversable true | false false Whether this node participates in focus traversal.
-fx-view-order <number> 0 Adjusts rendering and hit-test order within the parent without changing the scene graph order.
-fx-opacity <number> [0.0 - 1.0] 1 Opacity of the node. 0 is fully transparent, 1 is fully opaque.
-fx-rotate <number> 0 Rotation angle in degrees applied around the node's center point.
-fx-scale-x <number> 1 Scale factor along the X axis about the node's center.
-fx-scale-y <number> 1 Scale factor along the Y axis about the node's center.
-fx-scale-z <number> 1 Scale factor along the Z axis about the node's center.
-fx-translate-x <number> 0 Translation offset along the X axis in pixels.
-fx-translate-y <number> 0 Translation offset along the Y axis in pixels.
-fx-translate-z <number> 0 Translation offset along the Z axis in pixels.
visibility visible | hidden | collapse | inherit visible Controls whether the node is rendered and participates in layout.
-fx-managed true | false true When false, the parent layout does not manage this node's position or size.

Methods

  • SVGPath ()

    Creates a new SVGPath with no path data.

  • setContent (string SvgPathData)

    Sets the SVG path data string that defines this shape.

    • @p SvgPathData is a string containing standard SVG path commands (M, L, C, Z, etc.).
    • @r this object
  • setFill (object PaintObj)

    Sets the fill paint for the SVG path interior.

    • @p PaintObj is a paint object used to fill the path shape.
    • @r this object
  • setStroke (object PaintObj)

    Sets the stroke paint for the SVG path outline.

    • @p PaintObj is a paint object used to draw the path outline.
    • @r this object
  • setStrokeWidth (double W)

    Sets the width of the SVG path outline stroke.

    • @p W is a double with the stroke width in pixels.
    • @r this object