# @thorvg/webcanvas > A TypeScript WebCanvas API for ThorVG — high-performance vector graphics rendering > via WebGL, WebGPU, and Software backends using WebAssembly. > Install: `npm install @thorvg/webcanvas` ## Initialization - [InitOptions](./llms-full.txt#initoptions) - [init](./llms-full.txt#init): Initialize ThorVG WASM module and rendering engine. ## Canvas - [CanvasOptions](./llms-full.txt#canvasoptions): Configuration options for Canvas initialization. - [Canvas](./llms-full.txt#canvas): Canvas rendering context for ThorVG vector graphics. ## Paint - [Paint](./llms-full.txt#paint): Base class for all drawable objects ## Shapes - [Bounds](./llms-full.txt#bounds) - [Matrix](./llms-full.txt#matrix): A 3x3 transformation matrix for 2D transformations. - [RectOptions](./llms-full.txt#rectoptions): Options for creating rectangles with rounded corners. - [StrokeOptions](./llms-full.txt#strokeoptions): Comprehensive stroke styling options. - [Shape](./llms-full.txt#shape): Shape class for creating and manipulating vector graphics paths. ## Scene - [Scene](./llms-full.txt#scene): Scene class for hierarchical grouping of Paint objects ## Picture - [AssetResolver](./llms-full.txt#assetresolver): Callback that resolves an external asset (image or font) referenced by a - [LoadDataOptions](./llms-full.txt#loaddataoptions) - [PictureSize](./llms-full.txt#picturesize) - [Picture](./llms-full.txt#picture): Picture class for loading and displaying images and vector graphics - [MimeType](./llms-full.txt#mimetype): MIME type or format hint for loading picture data. ## Text - [TextLayout](./llms-full.txt#textlayout) - [TextOutline](./llms-full.txt#textoutline) - [Text](./llms-full.txt#text): Text rendering class with font support ## Animation - [AnimationInfo](./llms-full.txt#animationinfo) - [AnimationSegment](./llms-full.txt#animationsegment) - [Animation](./llms-full.txt#animation): Animation controller for Lottie animations ## Lottie Animation - [LottieSlotData](./llms-full.txt#lottieslotdata): Lottie slot data, keyed by the `sid` the Lottie exposes. - [LottieMarker](./llms-full.txt#lottiemarker): A named frame range embedded in the Lottie file at design time. - [LottieAnimation](./llms-full.txt#lottieanimation): Animation controller with the Lottie extensions: markers, slots, etc. ## Gradients - [ColorStop](./llms-full.txt#colorstop) - [LinearGradient](./llms-full.txt#lineargradient): Linear gradient for filling shapes - [RadialGradient](./llms-full.txt#radialgradient): Radial gradient for filling shapes ## Font - [FontType](./llms-full.txt#fonttype): Supported font file types. - [LoadFontOptions](./llms-full.txt#loadfontoptions) - [Font](./llms-full.txt#font): Font loader class for managing custom fonts. - [FontProviderResult](./llms-full.txt#fontproviderresult): Result returned by a FontProvider after fetching font data. - [FontProvider](./llms-full.txt#fontprovider): Interface for pluggable font sources. - [FontsourceOptions](./llms-full.txt#fontsourceoptions): Options for loading a font from the fontsource CDN. - [FontsourceProvider](./llms-full.txt#fontsourceprovider): Font provider that fetches fonts from the [fontsource](https://fontsource.org) CDN. ## Accessor - [Accessor](./llms-full.txt#accessor): Utility class for traversing and inspecting paint trees ## Error Handling - [ThorVGResultCode](./llms-full.txt#thorvgresultcode): ThorVG error result codes returned by native WASM operations. - [ThorVGError](./llms-full.txt#thorvgerror): Error class for ThorVG WASM operations. - [ErrorContext](./llms-full.txt#errorcontext): Context information provided when an error occurs. - [ErrorHandler](./llms-full.txt#errorhandler): Error handler callback function. ## Other - [RendererType](./llms-full.txt#renderertype): Rendering backend type for Canvas. ## Additional Resources - [Full API Reference](./llms-full.txt) - [Playground Examples](https://thorvg-playground.vercel.app/)