Reflex.Dom.Widget.SVG.Types.SVG_PolyLine

Types and functions for the <polyline> SVG element.

The <polyline> SVG element is an SVG basic shape that creates straight lines connecting several points. Typically a polyline is used to create open shapes as the last point doesn't have to be connected to the first point. For closed shapes see the <polygon> element.

Documentation

data SVG_PolyLine

Properties for the <polyline> element.

Constructors

SVG_PolyLine

Fields

• _svg_polyLine_start :: (Pos X, Pos Y)
• _svg_polyLine_path :: NonEmpty (Pos X, Pos Y)

Instances

Eq SVG_PolyLine

Defined in Reflex.Dom.Widget.SVG.Types.SVG_PolyLine

Methods

(==) :: SVG_PolyLine -> SVG_PolyLine -> Bool

(/=) :: SVG_PolyLine -> SVG_PolyLine -> Bool

Show SVG_PolyLine

Defined in Reflex.Dom.Widget.SVG.Types.SVG_PolyLine

Methods

showsPrec :: Int -> SVG_PolyLine -> ShowS

show :: SVG_PolyLine -> String

showList :: [SVG_PolyLine] -> ShowS

svg_polyLine_path :: Lens' SVG_PolyLine (NonEmpty (Pos X, Pos Y))

Lens for the list of (Pos X, Pos Y) of an SVG_PolyLine path attribute.

svg_polyLine_start :: Lens' SVG_PolyLine (Pos X, Pos Y)

Lens for the starting (Pos X, Pos Y) of an SVG_PolyLine element.

makePolyLineProps :: SVG_PolyLine -> Map Text Text

Convert the given properties to the correct points attribute of a <polygon>.