typecanvasDirection=
| @as("inherit")Inherit
| @as("ltr")Ltr
| @as("rtl")Rtl

typecanvasFillRule=
| @as("evenodd")Evenodd
| @as("nonzero")Nonzero

typecanvasFontKerning=
| @as("auto")Auto
| @as("none")None
| @as("normal")Normal

typecanvasFontStretch=
| @as("condensed")Condensed
| @as("expanded")Expanded
| @as("extra-condensed")ExtraCondensed
| @as("extra-expanded")ExtraExpanded
| @as("normal")Normal
| @as("semi-condensed")SemiCondensed
| @as("semi-expanded")SemiExpanded
| @as("ultra-condensed")UltraCondensed
| @as("ultra-expanded")UltraExpanded

typecanvasFontVariantCaps=
| @as("all-petite-caps")AllPetiteCaps
| @as("all-small-caps")AllSmallCaps
| @as("normal")Normal
| @as("petite-caps")PetiteCaps
| @as("small-caps")SmallCaps
| @as("titling-caps")TitlingCaps
| @as("unicase")Unicase

typecanvasGradient= {}

typecanvasLineCap=
| @as("butt")Butt
| @as("round")Round
| @as("square")Square

typecanvasLineJoin=
| @as("bevel")Bevel
| @as("miter")Miter
| @as("round")Round

typecanvasPattern= {}

typecanvasRenderingContext2DSettings= {
mutablealpha?:bool,
mutabledesynchronized?:bool,
mutablecolorSpace?:predefinedColorSpace,
mutablewillReadFrequently?:bool,
}

typecanvasTextAlign=
| @as("center")Center
| @as("end")End
| @as("left")Left
| @as("right")Right
| @as("start")Start

typecanvasTextBaseline=
| @as("alphabetic")Alphabetic
| @as("bottom")Bottom
| @as("hanging")Hanging
| @as("ideographic")Ideographic
| @as("middle")Middle
| @as("top")Top

typecanvasTextRendering=
| @as("auto")Auto
| @as("geometricPrecision")GeometricPrecision
| @as("optimizeLegibility")OptimizeLegibility
| @as("optimizeSpeed")OptimizeSpeed

typefillStyle

typeglobalCompositeOperation=
| @as("color")Color
| @as("color-burn")ColorBurn
| @as("color-dodge")ColorDodge
| @as("copy")Copy
| @as("darken")Darken
| @as("destination-atop")DestinationAtop
| @as("destination-in")DestinationIn
| @as("destination-out")DestinationOut
| @as("destination-over")DestinationOver
| @as("difference")Difference
| @as("exclusion")Exclusion
| @as("hard-light")HardLight
| @as("hue")Hue
| @as("lighten")Lighten
| @as("lighter")Lighter
| @as("luminosity")Luminosity
| @as("multiply")Multiply
| @as("overlay")Overlay
| @as("saturation")Saturation
| @as("screen")Screen
| @as("soft-light")SoftLight
| @as("source-atop")SourceAtop
| @as("source-in")SourceIn
| @as("source-out")SourceOut
| @as("source-over")SourceOver
| @as("xor")Xor

typeimageBitmap= {width:int,height:int}

typeimageBitmapRenderingContext= {canvas:unknown}

typeimageBitmapRenderingContextSettings= {
mutablealpha?:bool,
}

typeimageEncodeOptions= {
mutabletype_?:string,
mutablequality?:float,
}

typeimageSmoothingQuality=
| @as("high")High
| @as("low")Low
| @as("medium")Medium

typeoffscreenCanvas= {
mutablewidth:int,
mutableheight:int,
}

typeoffscreenCanvasRenderingContext2D= {
canvas:offscreenCanvas,
mutableglobalAlpha:float,
mutableglobalCompositeOperation:globalCompositeOperation,
mutableimageSmoothingEnabled:bool,
mutableimageSmoothingQuality:imageSmoothingQuality,
mutablestrokeStyle:fillStyle,
mutablefillStyle:fillStyle,
mutableshadowOffsetX:float,
mutableshadowOffsetY:float,
mutableshadowBlur:float,
mutableshadowColor:string,
mutablefilter:string,
mutablelineWidth:float,
mutablelineCap:canvasLineCap,
mutablelineJoin:canvasLineJoin,
mutablemiterLimit:float,
mutablelineDashOffset:float,
mutablefont:string,
mutabletextAlign:canvasTextAlign,
mutabletextBaseline:canvasTextBaseline,
mutabledirection:canvasDirection,
mutableletterSpacing:string,
mutablefontKerning:canvasFontKerning,
mutablefontStretch:canvasFontStretch,
mutablefontVariantCaps:canvasFontVariantCaps,
mutabletextRendering:canvasTextRendering,
mutablewordSpacing:string,
}

typeoffscreenRenderingContext=WebAPI.Prelude.any

typeoffscreenRenderingContextId=
| @as("2d")V2d
| @as("bitmaprenderer")Bitmaprenderer
| @as("webgl")Webgl
| @as("webgl2")Webgl2
| @as("webgpu")Webgpu

typepath2D= {}

typepredefinedColorSpace=
| @as("display-p3")DisplayP3
| @as("srgb")Srgb

typetextMetrics= {
width:float,
actualBoundingBoxLeft:float,
actualBoundingBoxRight:float,
fontBoundingBoxAscent:float,
fontBoundingBoxDescent:float,
actualBoundingBoxAscent:float,
actualBoundingBoxDescent:float,
emHeightAscent:float,
emHeightDescent:float,
hangingBaseline:float,
alphabeticBaseline:float,
ideographicBaseline:float,
}

typewebGL2RenderingContext= {
canvas:unknown,
drawingBufferWidth:float,
drawingBufferHeight:float,
mutabledrawingBufferColorSpace:predefinedColorSpace,
mutableunpackColorSpace:predefinedColorSpace,
}

typewebGLContextAttributes= {
mutablealpha?:bool,
mutabledepth?:bool,
mutablestencil?:bool,
mutableantialias?:bool,
mutablepremultipliedAlpha?:bool,
mutablepreserveDrawingBuffer?:bool,
mutablepowerPreference?:webGLPowerPreference,
mutablefailIfMajorPerformanceCaveat?:bool,
mutabledesynchronized?:bool,
}

typewebGLPowerPreference=
| @as("default")Default
| @as("high-performance")HighPerformance
| @as("low-power")LowPower

typewebGLRenderingContext= {
canvas:unknown,
drawingBufferWidth:float,
drawingBufferHeight:float,
mutabledrawingBufferColorSpace:predefinedColorSpace,
mutableunpackColorSpace:predefinedColorSpace,
}