Use.GPU
 – 0.16.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
·
Events and Picking
·
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
expand_more
@use-gpu/interact
widgets
Cursor
widgets
FPSControls
widgets
GizmoAxis
widgets
GizmoMatrix
widgets
GizmoPlane
widgets
GizmoRotate
widgets
GizmoScale
widgets
Keyboard
widgets
Mouse
widgets
OrbitControls
widgets
PanControls
widgets
Pick
phishing
useDrag
phishing
useGizmoMatrix
east
applyCartesianDrag
east
applyPolarDrag
east
applyScaleDrag
east
getAbsoluteFrame
east
getDragFrame
east
intersectRayPlane
east
intersectRays
east
lineConstraint
east
lineToRay
east
matchActionBinding
east
matchActionBindings
east
matchModifiers
east
planeConstraint
east
polarTangentConstraint
east
rayToLine
east
transformRay
data_object
DEFAULT_GIZMO_STYLE
data_object
ORBIT_CONTROLS_DEFAULT
data_object
ORTHO_AXES_XYZ
data_object
PAN_CONTROLS_DEFAULT
data_object
PAN_CONTROLS_SCROLL
title
ActionBinding
title
ActionMap
title
CursorProps
title
GizmoMatrixStyle
title
GizmoMatrixStyles
title
PickState
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
chevron_right
@use-gpu/webgpu
chevron_right
@use-gpu/workbench
chevron_right
Libraries
chevron_right
Live/React
chevron_right
Loaders
chevron_right
Development

widgets Component – <PanControls>

const PanControls: LiveComponent<PanControlsProps>

Props

x? 
number
y? 
number
zoom? 
number
zoomSpeed? 
number
anchor? 
[number, number]
active? 
boolean
centered? 
boolean
version? 
number
actionBindings? 
ActionMap
soft? 
boolean
minX? 
number
maxX? 
number
minY? 
number
maxY? 
number
minZoom? 
number
maxZoom? 
number
snapZoom? 
number

render?

(
  x: number,
  y: number,
  zoom: number,
  ox: number,
  oy: number,
) => LiveElement

children?

(
  x: number,
  y: number,
  zoom: number,
  ox: number,
  oy: number,
) => LiveElement

Source

packages / interact / src / controls / pan-controls.ts

Sections
Props  
Source  
menu
format_list_numbered