miso
Copyright(C) 2016-2025 David M. Johnson
LicenseBSD3-style (see the file LICENSE)
MaintainerDavid M. Johnson <code@dmj.io>
Stabilityexperimental
Portabilitynon-portable
Safe HaskellNone
LanguageHaskell2010

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

http://github.com/dmjio/miso

Synopsis

Element

a_ :: [Attribute action] -> [View action] -> View action Source #

animateMotion_ :: [Attribute action] -> [View action] -> View action Source #

animate_ :: [Attribute action] -> [View action] -> View action Source #

circle_ :: [Attribute action] -> [View action] -> View action Source #

clipPath_ :: [Attribute action] -> [View action] -> View action Source #

defs_ :: [Attribute action] -> [View action] -> View action Source #

desc_ :: [Attribute action] -> [View action] -> View action Source #

ellipse_ :: [Attribute action] -> [View action] -> View action Source #

feBlend_ :: [Attribute action] -> [View action] -> View action Source #

feColorMatrix_ :: [Attribute action] -> [View action] -> View action Source #

feComposite_ :: [Attribute action] -> [View action] -> View action Source #

feDistantLight_ :: [Attribute action] -> [View action] -> View action Source #

feDropShadow_ :: [Attribute action] -> [View action] -> View action Source #

<feDropShadow>

Since: 1.9.0.0

feFlood_ :: [Attribute action] -> [View action] -> View action Source #

feFuncA_ :: [Attribute action] -> [View action] -> View action Source #

feFuncB_ :: [Attribute action] -> [View action] -> View action Source #

feFuncG_ :: [Attribute action] -> [View action] -> View action Source #

feFuncR_ :: [Attribute action] -> [View action] -> View action Source #

feGaussianBlur_ :: [Attribute action] -> [View action] -> View action Source #

feImage_ :: [Attribute action] -> [View action] -> View action Source #

feMergeNode_ :: [Attribute action] -> [View action] -> View action Source #

feMerge_ :: [Attribute action] -> [View action] -> View action Source #

feMorphology_ :: [Attribute action] -> [View action] -> View action Source #

<feMorphology>

Since: 1.9.0.0

feOffset_ :: [Attribute action] -> [View action] -> View action Source #

fePointLight_ :: [Attribute action] -> [View action] -> View action Source #

feSpotLight_ :: [Attribute action] -> [View action] -> View action Source #

feTile_ :: [Attribute action] -> [View action] -> View action Source #

feTurbulence_ :: [Attribute action] -> [View action] -> View action Source #

filter_ :: [Attribute action] -> [View action] -> View action Source #

foreignObject_ :: [Attribute action] -> [View action] -> View action Source #

g_ :: [Attribute action] -> [View action] -> View action Source #

image_ :: [Attribute action] -> [View action] -> View action Source #

line_ :: [Attribute action] -> [View action] -> View action Source #

linearGradient_ :: [Attribute action] -> [View action] -> View action Source #

marker_ :: [Attribute action] -> [View action] -> View action Source #

mask_ :: [Attribute action] -> [View action] -> View action Source #

metadata_ :: [Attribute action] -> [View action] -> View action Source #

mpath_ :: [Attribute action] -> [View action] -> View action Source #

path_ :: [Attribute action] -> [View action] -> View action Source #

pattern_ :: [Attribute action] -> [View action] -> View action Source #

polygon_ :: [Attribute action] -> [View action] -> View action Source #

polyline_ :: [Attribute action] -> [View action] -> View action Source #

radialGradient_ :: [Attribute action] -> [View action] -> View action Source #

rect_ :: [Attribute action] -> [View action] -> View action Source #

script_ :: [Attribute action] -> [View action] -> View action Source #

set_ :: [Attribute action] -> [View action] -> View action Source #

stop_ :: [Attribute action] -> [View action] -> View action Source #

style_ :: [Attribute action] -> [View action] -> View action Source #

svg_ :: [Attribute action] -> [View action] -> View action Source #

switch_ :: [Attribute action] -> [View action] -> View action Source #

symbol_ :: [Attribute action] -> [View action] -> View action Source #

textPath_ :: [Attribute action] -> [View action] -> View action Source #

text_ :: [Attribute action] -> [View action] -> View action Source #

title_ :: [Attribute action] -> [View action] -> View action Source #

tspan_ :: [Attribute action] -> [View action] -> View action Source #

use_ :: [Attribute action] -> [View action] -> View action Source #

view_ :: [Attribute action] -> [View action] -> View action Source #

Property

begin_ :: MisoString -> Attribute action Source #

begin attribute

bias_ :: MisoString -> Attribute action Source #

bias attribute

by_ :: MisoString -> Attribute action Source #

by attribute

class_' :: MisoString -> Attribute action Source #

class attribute

color_ :: MisoString -> Attribute action Source #

color attribute

crossorigin_ :: MisoString -> Attribute action Source #

crossorigin attribute

Since: 1.9.0.0

cx_ :: MisoString -> Attribute action Source #

cx attribute

cy_ :: MisoString -> Attribute action Source #

cy attribute

d_ :: MisoString -> Attribute action Source #

d attribute

decoding_ :: MisoString -> Attribute action Source #

decoding attribute

Since: 1.9.0.0

dur_ :: MisoString -> Attribute action Source #

dur attribute

dx_ :: MisoString -> Attribute action Source #

dx attribute

dy_ :: MisoString -> Attribute action Source #

dy attribute

end_ :: MisoString -> Attribute action Source #

end attribute

fill_ :: MisoString -> Attribute action Source #

fill attribute

fr_ :: MisoString -> Attribute action Source #

fr attribute

Since: 1.9.0.0

from_ :: MisoString -> Attribute action Source #

from attribute

fx_ :: MisoString -> Attribute action Source #

fx attribute

fy_ :: MisoString -> Attribute action Source #

fy attribute

height_ :: MisoString -> Attribute action Source #

height attribute

href_ :: MisoString -> Attribute action Source #

href attribute

Since: 1.9.0.0

id_ :: MisoString -> Attribute action Source #

id attribute

in2_ :: MisoString -> Attribute action Source #

in2 attribute

in_' :: MisoString -> Attribute action Source #

in attribute

k1_ :: MisoString -> Attribute action Source #

k1 attribute

k2_ :: MisoString -> Attribute action Source #

k2 attribute

k3_ :: MisoString -> Attribute action Source #

k3 attribute

k4_ :: MisoString -> Attribute action Source #

k4 attribute

lang_ :: MisoString -> Attribute action Source #

lang attribute

max_ :: MisoString -> Attribute action Source #

max attribute

media_ :: MisoString -> Attribute action Source #

media attribute

method_ :: MisoString -> Attribute action Source #

method attribute

min_ :: MisoString -> Attribute action Source #

min attribute

mode_ :: MisoString -> Attribute action Source #

mode attribute

order_ :: MisoString -> Attribute action Source #

order attribute

orient_ :: MisoString -> Attribute action Source #

orient attribute

origin_ :: MisoString -> Attribute action Source #

origin attribute

paintOrder_ :: MisoString -> Attribute action Source #

paint-order attribute

Since: 1.9.0.0

points_ :: MisoString -> Attribute action Source #

points attribute

r_ :: MisoString -> Attribute action Source #

r attribute

radius_ :: MisoString -> Attribute action Source #

radius attribute

refX_ :: MisoString -> Attribute action Source #

refX attribute

refY_ :: MisoString -> Attribute action Source #

refY attribute

result_ :: MisoString -> Attribute action Source #

result attribute

rotate_ :: MisoString -> Attribute action Source #

rotate attribute

rx_ :: MisoString -> Attribute action Source #

rx attribute

ry_ :: MisoString -> Attribute action Source #

ry attribute

scale_ :: MisoString -> Attribute action Source #

scale attribute

seed_ :: MisoString -> Attribute action Source #

seed attribute

side_ :: MisoString -> Attribute action Source #

side attribute

Since: 1.9.0.0

slope_ :: MisoString -> Attribute action Source #

slope attribute

stroke_ :: MisoString -> Attribute action Source #

stroke attribute

tabindex_ :: MisoString -> Attribute action Source #

tabindex attribute

Since: 1.9.0.0

target_ :: MisoString -> Attribute action Source #

target attribute

to_ :: MisoString -> Attribute action Source #

to attribute

transformOrigin_ :: MisoString -> Attribute action Source #

transform-origin attribute

Since: 1.9.0.0

type_' :: MisoString -> Attribute action Source #

type attribute

values_ :: MisoString -> Attribute action Source #

values attribute

vectorEffect_ :: MisoString -> Attribute action Source #

vector-effect attribute

Since: 1.9.0.0

width_ :: MisoString -> Attribute action Source #

width attribute

x1_ :: MisoString -> Attribute action Source #

x1 attribute

x2_ :: MisoString -> Attribute action Source #

x2 attribute

x_ :: MisoString -> Attribute action Source #

x attribute

y1_ :: MisoString -> Attribute action Source #

y1 attribute

y2_ :: MisoString -> Attribute action Source #

y2 attribute

y_ :: MisoString -> Attribute action Source #

y attribute

z_ :: MisoString -> Attribute action Source #

z attribute

Event

onAbort :: action -> Attribute action Source #

onAbort event

onActivate :: action -> Attribute action Source #

onActivate event

onBegin :: action -> Attribute action Source #

onBegin event

onEnd :: action -> Attribute action Source #

onEnd event

onError :: action -> Attribute action Source #

onError event

onFocusIn :: action -> Attribute action Source #

onFocusIn event

onFocusOut :: action -> Attribute action Source #

onFocusOut event

onLoad :: action -> Attribute action Source #

onLoad 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

onMouseUp :: action -> Attribute action Source #

onMouseUp event

onRepeat :: action -> Attribute action Source #

onRepeat event

onResize :: action -> Attribute action Source #

onResize event

onScroll :: action -> Attribute action Source #

onScroll event

onUnload :: action -> Attribute action Source #

onUnload event

onZoom :: action -> Attribute action Source #

onZoom event