Copyright | (C) 2016-2025 David M. Johnson |
---|---|
License | BSD3-style (see the file LICENSE) |
Maintainer | David M. Johnson <code@dmj.io> |
Stability | experimental |
Portability | non-portable |
Safe Haskell | None |
Language | Haskell2010 |
Miso.Svg
Description
Example usage:
import Miso import Miso.Svg intView :: Int -> View IntAction intView n = svg_ [ height_ "100", width "100" ] [ circle_ [ cx_ "50", cy_ "50", r_ "40", stroke_ "green", strokeWidth_ "4", fill_ "yellow" ] [] ]
More information on how to use miso is available on GitHub
Synopsis
- a_ :: [Attribute action] -> [View action] -> View action
- animateMotion_ :: [Attribute action] -> [View action] -> View action
- animateTransform_ :: [Attribute action] -> [View action] -> View action
- animate_ :: [Attribute action] -> [View action] -> View action
- circle_ :: [Attribute action] -> [View action] -> View action
- clipPath_ :: [Attribute action] -> [View action] -> View action
- defs_ :: [Attribute action] -> [View action] -> View action
- desc_ :: [Attribute action] -> [View action] -> View action
- ellipse_ :: [Attribute action] -> [View action] -> View action
- feBlend_ :: [Attribute action] -> [View action] -> View action
- feColorMatrix_ :: [Attribute action] -> [View action] -> View action
- feComponentTransfer_ :: [Attribute action] -> [View action] -> View action
- feComposite_ :: [Attribute action] -> [View action] -> View action
- feConvolveMatrix_ :: [Attribute action] -> [View action] -> View action
- feDiffuseLighting_ :: [Attribute action] -> [View action] -> View action
- feDisplacementMap_ :: [Attribute action] -> [View action] -> View action
- feDistantLight_ :: [Attribute action] -> [View action] -> View action
- feDropShadow_ :: [Attribute action] -> [View action] -> View action
- feFlood_ :: [Attribute action] -> [View action] -> View action
- feFuncA_ :: [Attribute action] -> [View action] -> View action
- feFuncB_ :: [Attribute action] -> [View action] -> View action
- feFuncG_ :: [Attribute action] -> [View action] -> View action
- feFuncR_ :: [Attribute action] -> [View action] -> View action
- feGaussianBlur_ :: [Attribute action] -> [View action] -> View action
- feImage_ :: [Attribute action] -> [View action] -> View action
- feMergeNode_ :: [Attribute action] -> [View action] -> View action
- feMerge_ :: [Attribute action] -> [View action] -> View action
- feMorphology_ :: [Attribute action] -> [View action] -> View action
- feOffset_ :: [Attribute action] -> [View action] -> View action
- fePointLight_ :: [Attribute action] -> [View action] -> View action
- feSpecularLighting_ :: [Attribute action] -> [View action] -> View action
- feSpotLight_ :: [Attribute action] -> [View action] -> View action
- feTile_ :: [Attribute action] -> [View action] -> View action
- feTurbulence_ :: [Attribute action] -> [View action] -> View action
- filter_ :: [Attribute action] -> [View action] -> View action
- foreignObject_ :: [Attribute action] -> [View action] -> View action
- g_ :: [Attribute action] -> [View action] -> View action
- image_ :: [Attribute action] -> [View action] -> View action
- line_ :: [Attribute action] -> [View action] -> View action
- linearGradient_ :: [Attribute action] -> [View action] -> View action
- marker_ :: [Attribute action] -> [View action] -> View action
- mask_ :: [Attribute action] -> [View action] -> View action
- metadata_ :: [Attribute action] -> [View action] -> View action
- mpath_ :: [Attribute action] -> [View action] -> View action
- path_ :: [Attribute action] -> [View action] -> View action
- pattern_ :: [Attribute action] -> [View action] -> View action
- polygon_ :: [Attribute action] -> [View action] -> View action
- polyline_ :: [Attribute action] -> [View action] -> View action
- radialGradient_ :: [Attribute action] -> [View action] -> View action
- rect_ :: [Attribute action] -> [View action] -> View action
- script_ :: [Attribute action] -> [View action] -> View action
- set_ :: [Attribute action] -> [View action] -> View action
- stop_ :: [Attribute action] -> [View action] -> View action
- style_ :: [Attribute action] -> [View action] -> View action
- svg_ :: [Attribute action] -> [View action] -> View action
- switch_ :: [Attribute action] -> [View action] -> View action
- symbol_ :: [Attribute action] -> [View action] -> View action
- textPath_ :: [Attribute action] -> [View action] -> View action
- text_ :: [Attribute action] -> [View action] -> View action
- title_ :: [Attribute action] -> [View action] -> View action
- tspan_ :: [Attribute action] -> [View action] -> View action
- use_ :: [Attribute action] -> [View action] -> View action
- view_ :: [Attribute action] -> [View action] -> View action
- accumulate_ :: MisoString -> Attribute action
- additive_ :: MisoString -> Attribute action
- alignmentBaseline_ :: MisoString -> Attribute action
- amplitude_ :: MisoString -> Attribute action
- attributeName_ :: MisoString -> Attribute action
- azimuth_ :: MisoString -> Attribute action
- baseFrequency_ :: MisoString -> Attribute action
- baselineShift_ :: MisoString -> Attribute action
- begin_ :: MisoString -> Attribute action
- bias_ :: MisoString -> Attribute action
- by_ :: MisoString -> Attribute action
- calcMode_ :: MisoString -> Attribute action
- class_' :: MisoString -> Attribute action
- clipPathUnits_ :: MisoString -> Attribute action
- clipRule_ :: MisoString -> Attribute action
- colorInterpolationFilters_ :: MisoString -> Attribute action
- colorInterpolation_ :: MisoString -> Attribute action
- color_ :: MisoString -> Attribute action
- crossorigin_ :: MisoString -> Attribute action
- cx_ :: MisoString -> Attribute action
- cy_ :: MisoString -> Attribute action
- d_ :: MisoString -> Attribute action
- decoding_ :: MisoString -> Attribute action
- diffuseConstant_ :: MisoString -> Attribute action
- direction_ :: MisoString -> Attribute action
- display_ :: MisoString -> Attribute action
- divisor_ :: MisoString -> Attribute action
- dominantBaseline_ :: MisoString -> Attribute action
- dur_ :: MisoString -> Attribute action
- dx_ :: MisoString -> Attribute action
- dy_ :: MisoString -> Attribute action
- edgeMode_ :: MisoString -> Attribute action
- elevation_ :: MisoString -> Attribute action
- end_ :: MisoString -> Attribute action
- exponent_ :: MisoString -> Attribute action
- fillOpacity_ :: MisoString -> Attribute action
- fillRule_ :: MisoString -> Attribute action
- fill_ :: MisoString -> Attribute action
- filterUnits_ :: MisoString -> Attribute action
- floodColor_ :: MisoString -> Attribute action
- floodOpacity_ :: MisoString -> Attribute action
- fontFamily_ :: MisoString -> Attribute action
- fontSizeAdjust_ :: MisoString -> Attribute action
- fontSize_ :: MisoString -> Attribute action
- fontStyle_ :: MisoString -> Attribute action
- fontVariant_ :: MisoString -> Attribute action
- fontWeight_ :: MisoString -> Attribute action
- fr_ :: MisoString -> Attribute action
- from_ :: MisoString -> Attribute action
- fx_ :: MisoString -> Attribute action
- fy_ :: MisoString -> Attribute action
- gradientTransform_ :: MisoString -> Attribute action
- gradientUnits_ :: MisoString -> Attribute action
- height_ :: MisoString -> Attribute action
- href_ :: MisoString -> Attribute action
- id_ :: MisoString -> Attribute action
- imageRendering_ :: MisoString -> Attribute action
- in2_ :: MisoString -> Attribute action
- in_' :: MisoString -> Attribute action
- intercept_ :: MisoString -> Attribute action
- k1_ :: MisoString -> Attribute action
- k2_ :: MisoString -> Attribute action
- k3_ :: MisoString -> Attribute action
- k4_ :: MisoString -> Attribute action
- kernelMatrix_ :: MisoString -> Attribute action
- keyPoints_ :: MisoString -> Attribute action
- keySplines_ :: MisoString -> Attribute action
- keyTimes_ :: MisoString -> Attribute action
- lang_ :: MisoString -> Attribute action
- lengthAdjust_ :: MisoString -> Attribute action
- letterSpacing_ :: MisoString -> Attribute action
- lightingColor_ :: MisoString -> Attribute action
- limitingConeAngle_ :: MisoString -> Attribute action
- markerEnd_ :: MisoString -> Attribute action
- markerHeight_ :: MisoString -> Attribute action
- markerMid_ :: MisoString -> Attribute action
- markerStart_ :: MisoString -> Attribute action
- markerUnits_ :: MisoString -> Attribute action
- markerWidth_ :: MisoString -> Attribute action
- maskContentUnits_ :: MisoString -> Attribute action
- maskUnits_ :: MisoString -> Attribute action
- max_ :: MisoString -> Attribute action
- media_ :: MisoString -> Attribute action
- method_ :: MisoString -> Attribute action
- min_ :: MisoString -> Attribute action
- mode_ :: MisoString -> Attribute action
- numOctaves_ :: MisoString -> Attribute action
- opacity_ :: MisoString -> Attribute action
- operator_ :: MisoString -> Attribute action
- order_ :: MisoString -> Attribute action
- orient_ :: MisoString -> Attribute action
- origin_ :: MisoString -> Attribute action
- overflow_ :: MisoString -> Attribute action
- paintOrder_ :: MisoString -> Attribute action
- pathLength_ :: MisoString -> Attribute action
- patternContentUnits_ :: MisoString -> Attribute action
- patternTransform_ :: MisoString -> Attribute action
- patternUnits_ :: MisoString -> Attribute action
- pointerEvents_ :: MisoString -> Attribute action
- pointsAtX_ :: MisoString -> Attribute action
- pointsAtY_ :: MisoString -> Attribute action
- pointsAtZ_ :: MisoString -> Attribute action
- points_ :: MisoString -> Attribute action
- preserveAlpha_ :: MisoString -> Attribute action
- preserveAspectRatio_ :: MisoString -> Attribute action
- primitiveUnits_ :: MisoString -> Attribute action
- r_ :: MisoString -> Attribute action
- radius_ :: MisoString -> Attribute action
- refX_ :: MisoString -> Attribute action
- refY_ :: MisoString -> Attribute action
- repeatCount_ :: MisoString -> Attribute action
- repeatDur_ :: MisoString -> Attribute action
- restart_ :: MisoString -> Attribute action
- result_ :: MisoString -> Attribute action
- rotate_ :: MisoString -> Attribute action
- rx_ :: MisoString -> Attribute action
- ry_ :: MisoString -> Attribute action
- scale_ :: MisoString -> Attribute action
- seed_ :: MisoString -> Attribute action
- shapeRendering_ :: MisoString -> Attribute action
- side_ :: MisoString -> Attribute action
- slope_ :: MisoString -> Attribute action
- spacing_ :: MisoString -> Attribute action
- specularConstant_ :: MisoString -> Attribute action
- specularExponent_ :: MisoString -> Attribute action
- spreadMethod_ :: MisoString -> Attribute action
- startOffset_ :: MisoString -> Attribute action
- stdDeviation_ :: MisoString -> Attribute action
- stitchTiles_ :: MisoString -> Attribute action
- stopColor_ :: MisoString -> Attribute action
- stopOpacity_ :: MisoString -> Attribute action
- strokeDasharray_ :: MisoString -> Attribute action
- strokeDashoffset_ :: MisoString -> Attribute action
- strokeLinecap_ :: MisoString -> Attribute action
- strokeLinejoin_ :: MisoString -> Attribute action
- strokeMiterlimit_ :: MisoString -> Attribute action
- strokeOpacity_ :: MisoString -> Attribute action
- strokeWidth_ :: MisoString -> Attribute action
- stroke_ :: MisoString -> Attribute action
- surfaceScale_ :: MisoString -> Attribute action
- systemLanguage_ :: MisoString -> Attribute action
- tabindex_ :: MisoString -> Attribute action
- tableValues_ :: MisoString -> Attribute action
- targetX_ :: MisoString -> Attribute action
- targetY_ :: MisoString -> Attribute action
- target_ :: MisoString -> Attribute action
- textAnchor_ :: MisoString -> Attribute action
- textDecoration_ :: MisoString -> Attribute action
- textLength_ :: MisoString -> Attribute action
- textRendering_ :: MisoString -> Attribute action
- to_ :: MisoString -> Attribute action
- transformOrigin_ :: MisoString -> Attribute action
- transform_ :: MisoString -> Attribute action
- type_' :: MisoString -> Attribute action
- unicodeBidi_ :: MisoString -> Attribute action
- values_ :: MisoString -> Attribute action
- vectorEffect_ :: MisoString -> Attribute action
- viewBox_ :: MisoString -> Attribute action
- visibility_ :: MisoString -> Attribute action
- width_ :: MisoString -> Attribute action
- wordSpacing_ :: MisoString -> Attribute action
- writingMode_ :: MisoString -> Attribute action
- x1_ :: MisoString -> Attribute action
- x2_ :: MisoString -> Attribute action
- xChannelSelector_ :: MisoString -> Attribute action
- x_ :: MisoString -> Attribute action
- y1_ :: MisoString -> Attribute action
- y2_ :: MisoString -> Attribute action
- yChannelSelector_ :: MisoString -> Attribute action
- y_ :: MisoString -> Attribute action
- z_ :: MisoString -> Attribute action
- onClick :: action -> Attribute action
- onAbort :: action -> Attribute action
- onActivate :: action -> Attribute action
- onBegin :: action -> Attribute action
- onEnd :: action -> Attribute action
- onError :: action -> Attribute action
- onFocusIn :: action -> Attribute action
- onFocusOut :: action -> Attribute action
- onLoad :: action -> Attribute action
- onMouseDown :: action -> Attribute action
- onMouseMove :: action -> Attribute action
- onMouseOut :: action -> Attribute action
- onMouseOver :: action -> Attribute action
- onMouseUp :: action -> Attribute action
- onRepeat :: action -> Attribute action
- onResize :: action -> Attribute action
- onScroll :: action -> Attribute action
- onUnload :: action -> Attribute action
- onZoom :: action -> Attribute action
Element
Property
accumulate_ :: MisoString -> Attribute action Source #
accumulate attribute
alignmentBaseline_ :: MisoString -> Attribute action Source #
alignment-baseline attribute
amplitude_ :: MisoString -> Attribute action Source #
amplitude attribute
attributeName_ :: MisoString -> Attribute action Source #
attributeName attribute
baseFrequency_ :: MisoString -> Attribute action Source #
baseFrequency attribute
baselineShift_ :: MisoString -> Attribute action Source #
baseline-shift attribute
clipPathUnits_ :: MisoString -> Attribute action Source #
clipPathUnits attribute
colorInterpolationFilters_ :: MisoString -> Attribute action Source #
color-interpolation-filters attribute
colorInterpolation_ :: MisoString -> Attribute action Source #
color-interpolation attribute
crossorigin_ :: MisoString -> Attribute action Source #
crossorigin attribute
Since: 1.9.0.0
diffuseConstant_ :: MisoString -> Attribute action Source #
diffuseConstant attribute
direction_ :: MisoString -> Attribute action Source #
direction attribute
dominantBaseline_ :: MisoString -> Attribute action Source #
dominant-baseline attribute
elevation_ :: MisoString -> Attribute action Source #
elevation attribute
fillOpacity_ :: MisoString -> Attribute action Source #
fill-opacity attribute
filterUnits_ :: MisoString -> Attribute action Source #
filterUnits attribute
floodColor_ :: MisoString -> Attribute action Source #
flood-color attribute
floodOpacity_ :: MisoString -> Attribute action Source #
flood-opacity attribute
fontFamily_ :: MisoString -> Attribute action Source #
font-family attribute
fontSizeAdjust_ :: MisoString -> Attribute action Source #
font-size-adjust attribute
fontStyle_ :: MisoString -> Attribute action Source #
font-style attribute
fontVariant_ :: MisoString -> Attribute action Source #
font-variant attribute
fontWeight_ :: MisoString -> Attribute action Source #
font-weight attribute
gradientTransform_ :: MisoString -> Attribute action Source #
gradientTransform attribute
gradientUnits_ :: MisoString -> Attribute action Source #
gradientUnits attribute
imageRendering_ :: MisoString -> Attribute action Source #
image-rendering attribute
intercept_ :: MisoString -> Attribute action Source #
intercept attribute
kernelMatrix_ :: MisoString -> Attribute action Source #
kernelMatrix attribute
keyPoints_ :: MisoString -> Attribute action Source #
keyPoints attribute
keySplines_ :: MisoString -> Attribute action Source #
keySplines attribute
lengthAdjust_ :: MisoString -> Attribute action Source #
lengthAdjust attribute
letterSpacing_ :: MisoString -> Attribute action Source #
letter-spacing attribute
lightingColor_ :: MisoString -> Attribute action Source #
lighting-color attribute
limitingConeAngle_ :: MisoString -> Attribute action Source #
limitingConeAngle attribute
markerEnd_ :: MisoString -> Attribute action Source #
marker-end attribute
markerHeight_ :: MisoString -> Attribute action Source #
markerHeight attribute
markerMid_ :: MisoString -> Attribute action Source #
marker-mid attribute
markerStart_ :: MisoString -> Attribute action Source #
marker-start attribute
markerUnits_ :: MisoString -> Attribute action Source #
markerUnits attribute
markerWidth_ :: MisoString -> Attribute action Source #
markerWidth attribute
maskContentUnits_ :: MisoString -> Attribute action Source #
maskContentUnits attribute
maskUnits_ :: MisoString -> Attribute action Source #
maskUnits attribute
numOctaves_ :: MisoString -> Attribute action Source #
numOctaves attribute
paintOrder_ :: MisoString -> Attribute action Source #
paint-order attribute
Since: 1.9.0.0
pathLength_ :: MisoString -> Attribute action Source #
pathLength attribute
patternContentUnits_ :: MisoString -> Attribute action Source #
patternContentUnits attribute
patternTransform_ :: MisoString -> Attribute action Source #
patternTransform attribute
patternUnits_ :: MisoString -> Attribute action Source #
patternUnits attribute
pointerEvents_ :: MisoString -> Attribute action Source #
pointer-events attribute
pointsAtX_ :: MisoString -> Attribute action Source #
pointsAtX attribute
pointsAtY_ :: MisoString -> Attribute action Source #
pointsAtY attribute
pointsAtZ_ :: MisoString -> Attribute action Source #
pointsAtZ attribute
preserveAlpha_ :: MisoString -> Attribute action Source #
preserveAlpha attribute
preserveAspectRatio_ :: MisoString -> Attribute action Source #
preserveAspectRatio attribute
primitiveUnits_ :: MisoString -> Attribute action Source #
primitiveUnits attribute
repeatCount_ :: MisoString -> Attribute action Source #
repeatCount attribute
repeatDur_ :: MisoString -> Attribute action Source #
repeatDur attribute
shapeRendering_ :: MisoString -> Attribute action Source #
shape-rendering attribute
specularConstant_ :: MisoString -> Attribute action Source #
specularConstant attribute
specularExponent_ :: MisoString -> Attribute action Source #
specularExponent attribute
spreadMethod_ :: MisoString -> Attribute action Source #
spreadMethod attribute
startOffset_ :: MisoString -> Attribute action Source #
startOffset attribute
stdDeviation_ :: MisoString -> Attribute action Source #
stdDeviation attribute
stitchTiles_ :: MisoString -> Attribute action Source #
stitchTiles attribute
stopColor_ :: MisoString -> Attribute action Source #
stop-color attribute
stopOpacity_ :: MisoString -> Attribute action Source #
stop-opacity attribute
strokeDasharray_ :: MisoString -> Attribute action Source #
stroke-dasharray attribute
strokeDashoffset_ :: MisoString -> Attribute action Source #
stroke-dashoffset attribute
strokeLinecap_ :: MisoString -> Attribute action Source #
stroke-linecap attribute
strokeLinejoin_ :: MisoString -> Attribute action Source #
stroke-linejoin attribute
strokeMiterlimit_ :: MisoString -> Attribute action Source #
stroke-miterlimit attribute
strokeOpacity_ :: MisoString -> Attribute action Source #
stroke-opacity attribute
strokeWidth_ :: MisoString -> Attribute action Source #
stroke-width attribute
surfaceScale_ :: MisoString -> Attribute action Source #
surfaceScale attribute
systemLanguage_ :: MisoString -> Attribute action Source #
systemLanguage attribute
tableValues_ :: MisoString -> Attribute action Source #
tableValues attribute
textAnchor_ :: MisoString -> Attribute action Source #
text-anchor attribute
textDecoration_ :: MisoString -> Attribute action Source #
text-decoration attribute
textLength_ :: MisoString -> Attribute action Source #
textLength attribute
textRendering_ :: MisoString -> Attribute action Source #
text-rendering attribute
transformOrigin_ :: MisoString -> Attribute action Source #
transform-origin attribute
Since: 1.9.0.0
transform_ :: MisoString -> Attribute action Source #
transform attribute
unicodeBidi_ :: MisoString -> Attribute action Source #
unicode-bidi attribute
vectorEffect_ :: MisoString -> Attribute action Source #
vector-effect attribute
Since: 1.9.0.0
visibility_ :: MisoString -> Attribute action Source #
visibility attribute
wordSpacing_ :: MisoString -> Attribute action Source #
word-spacing attribute
writingMode_ :: MisoString -> Attribute action Source #
writing-mode attribute
xChannelSelector_ :: MisoString -> Attribute action Source #
xChannelSelector attribute
yChannelSelector_ :: MisoString -> Attribute action Source #
yChannelSelector attribute
Event
onActivate :: action -> Attribute action Source #
onActivate event
onFocusOut :: action -> Attribute action Source #
onFocusOut event
onMouseDown :: action -> Attribute action Source #
onMouseDown event
onMouseMove :: action -> Attribute action Source #
onMouseMove event
onMouseOut :: action -> Attribute action Source #
onMouseOut event
onMouseOver :: action -> Attribute action Source #
onMouseOver event