Construct SVG path values using path instruction combinators. See simple example below of how you can use mkPath to specify a path using the path instruction combinators that are included as part of the same module.

More information available at: http://www.w3.org/TR/SVG/paths.html

import Text.Blaze.Svg11 ((!), mkPath, l, m)
import qualified Text.Blaze.Svg11 as S
import qualified Text.Blaze.Svg11.Attributes as A

svgDoc :: S.Svg
svgDoc = S.docTypeSvg ! A.version "1.1" ! A.width "150" ! A.height "100" $ do
 S.path ! A.d makeSimplePath

makeSimplePath :: S.AttributeValue
makeSimplePath =  mkPath do
  l 2 3
  m 4 5

"moveto" commands

valuem :: Show a => a -> a -> Path

Source#

Moveto

valuemr :: Show a => a -> a -> Path

Source#

Moveto (relative)

"closepath" command

valuez :: Path

Source#

ClosePath

"lineto" commands

valuel :: Show a => a -> a -> Path

Source#

Lineto

valuelr :: Show a => a -> a -> Path

Source#

Lineto (relative)

valueh :: Show a => a -> Path

Source#

Horizontal lineto

valuehr :: Show a => a -> Path

Source#

Horizontal lineto (relative)

valuev :: Show a => a -> Path

Source#

Vertical lineto

valuevr :: Show a => a -> Path

Source#

Vertical lineto (relative)

The cubic Bézier curve commands

valuec :: Show a => a -> a -> a -> a -> a -> a -> Path

Source#

Cubic Bezier curve

valuecr :: Show a => a -> a -> a -> a -> a -> a -> Path

Source#

Cubic Bezier curve (relative)

values :: Show a => a -> a -> a -> a -> Path

Source#

Smooth Cubic Bezier curve

valuesr :: Show a => a -> a -> a -> a -> Path

Source#

Smooth Cubic Bezier curve (relative)

The quadratic Bézier curve commands

valueq :: Show a => a -> a -> a -> a -> Path

Source#

Quadratic Bezier curve

valueqr :: Show a => a -> a -> a -> a -> Path

Source#

Quadratic Bezier curve (relative)

valuet :: Show a => a -> a -> Path

Source#

Smooth Quadratic Bezier curve

valuetr :: Show a => a -> a -> Path

Source#

Smooth Quadratic Bezier curve (relative)

Elliptical arc

valueaa

:: Show a
=> a
Radius in the x-direction
-> a
Radius in the y-direction
-> a
The rotation of the arc's x-axis compared to the normal x-axis
-> Bool
Draw the smaller or bigger arc satisfying the start point
-> Bool
To mirror or not
-> a
The x-coordinate of the end point
-> a
The y-coordinate of the end point
-> Path

Source#

Elliptical Arc (absolute).

Note that this function is an alias for the function a, defined in Text.Blaze.Svg.Internal. aa is exported from Text.Blaze.Svg instead of a due to naming conflicts with a from Text.Blaze.SVG11.