mint-canvas

Config Functions
setDirection
setFillStyle
setFilter
setFont
setFontKerning
setGlobalAlpha
setGlobalCompositeOperation
setImageSmoothingEnabled
setImageSmoothingQuality
setLetterSpacing
setLineCap
setLineDashOffset
setLineJoin
setLineWidth
setMiterLimit
setShadowBlur
setShadowColor
setShadowOffsetX
setShadowOffsetY
setStrokeStyle
setTextAlign
setTextBaseline
setWordSpacing
Draw Functions
arc
arcTo
beginPath
bezierCurveTo
clearRect
clip
clipPath
closePath
createConicGradient
createImageData
createLinearGradient
createPattern
createRadialGradient
drawImage
ellipse
fill
fillPath
fillRect
fillText
isPointInPath
isPointInStroke
lineTo
measureText
moveTo
putImageData
quadraticCurveTo
rect
reset
resetTransform
restore
rotate
roundRect
save
scale
setLineDash
setTransform
stroke
strokeRect
strokeText
transform
translate
let draw =
() {
case Dom.Canvas.fromDomElement(canvas) {
Maybe::Just(el) =>
{
el
|> Canvas.setFont("48px serif")
|> Canvas.fillText("Hi!", 150, 50)
|> Canvas.setDirection(CanvasDirection::RTL)
|> Canvas.fillText("Hi!", 150, 130)
""
}
Maybe::Nothing =>
""
}
}
{
await Timer.timeout(0)
draw()
}
<canvas as canvas/>