-- There are a lot of odd things about SVG, so always try to find examples
-- Scalable Vector Graphics (SVG) can be a nice way to draw things in 2D.
-- Here are some common SVG shapes.
--
-- Dependencies:
-- elm install elm/svg
import Html exposing (Html)
import Svg exposing (..)
import Svg.Attributes exposing (..)
main : Html msg
main =
svg
[ viewBox "0 0 400 400"
, width "400"
, height "400"
]
[ circle
[ cx "50"
, cy "50"
, r "40"
, fill "red"
, stroke "black"
, strokeWidth "3"
[]
, rect
[ x "100"
, y "10"
, width "40"
, height "40"
, fill "green"
, strokeWidth "2"
, line
[ x1 "20"
, y1 "200"
, x2 "200"
, y2 "20"
, stroke "blue"
, strokeWidth "10"
, strokeLinecap "round"