Use.GPU
 – 0.15.0
Docs Source
Git Repo
search
/
·
Intro
expand_more
Guides
·
Getting started
·
WebGPU canvas
·
Drawing and animation
·
Scene geometry
·
2D and 3D plot
·
Data-driven geometry
·
Live vs React
·
Memoization
·
WGSL Shaders
·
Renderers and Passes
·
Layout and UI
·
Background
·
Roadmap
·
Contributing
Reference
expand_more
Components
chevron_right
@use-gpu/gltf
chevron_right
@use-gpu/inspect
chevron_right
@use-gpu/inspect-gpu
chevron_right
@use-gpu/layout
chevron_right
@use-gpu/map
chevron_right
@use-gpu/plot
chevron_right
@use-gpu/present
chevron_right
@use-gpu/react
chevron_right
@use-gpu/scene
chevron_right
@use-gpu/voxel
expand_more
@use-gpu/webgpu
widgets
AutoCanvas
widgets
AutoSize
widgets
Canvas
widgets
DOMEvents
widgets
FPSCounter
widgets
WebGPU
east
makeOrAdoptCanvas
east
makePresentationContext
east
mountGPUDevice
title
ErrorRenderer
title
GPUDeviceMount
chevron_right
@use-gpu/workbench
chevron_right
Libraries
chevron_right
Live/React
chevron_right
Loaders
chevron_right
Development

widgets Component – <AutoCanvas>

const AutoCanvas: LiveComponent<AutoCanvasProps>

Props

canvas? 
HTMLCanvasElement

Adopt HTML canvas

selector? 
string

Adopt from, or create HTML canvas in CSS selector

format? 
GPUTextureFormat

Color format

depthStencil? 
GPUTextureFormat

Depth stencil format

backgroundColor? 
GPUColor

Canvas background

colorSpace? 
ColorSpace

Canvas rendering color space

colorInput? 
ColorSpace

Color space for inputs

samples? 
number

Multisampling / Anti-aliasing

autofocus? 
boolean

Autofocus keyboard on canvas

events? 
boolean

Enable DOM events

picking? 
boolean

Enable GPU picking

iframe? 
boolean

If running in an iframe, avoid preventing default on scroll. children?

| LiveElement<ArrowFunction>[]
| ReactElementInterop
| DeferredCall<ArrowFunction>

Source

packages / webgpu / src / components / auto-canvas.ts

Sections
Props  
Source  
menu
format_list_numbered