Artboard
Deluxe
DOM Rendering
2D Canvas
Playground
Toggle Options
createArtboard
400px
overscrollBounds
How much of the artboard should remain visible when overscrolling.
10px
margin
The margin used when aligning the artboard (press Ctrl+1 to test).
256px
scrollStepAmount
The amount to scroll per step when using the keyboard.
0.10
minScale
The minimum amount the artboard can scale.
12.00
maxScale
The maximum amount the artboard can scale.
0.950
momentumDeceleration
The deceleration of the momentum scrolling.
0.50
springDamping
How much damping to apply when overscrolling.
clickZoom
animation
The animation to apply when zooming.
Easing
easeInOutExpo
easeOutCirc
easeOutElastic
easeOutQuad
easeOutBack
easeOutCubic
easeInSine
easeInOutSine
easeInOutQuad
easeInOutQuart
easeInOutCirc
easeInOutQuint
linear
500ms
Duration
mouse
setCursor
Set a dragging cursor on the root element.
useSpacebar
Only allow dragging while holding the spacebar.
30°
scrollDirectionThreshold
The threshold for detecting the scroll direction.
velocity
Options for the velocity queue to determine momentum direction.
200ms
velocity.maxTimeWindow
The time window to use to determine the velocity.
10px/s
velocity.minVelocity
The minimum velocity required to trigger momentum scrolling.
6000px/s
velocity.maxVelocity
The maximum velocity to use.
1.20
velocity.multiplicator
The multiplicator to apply on the final velocity.
touch
twoTouchScrolling
Require two touch points to scroll.
overscaleAnimation
Options when animating back to within boundaries after overscaling.
Easing
easeInOutExpo
easeOutCirc
easeOutElastic
easeOutQuad
easeOutBack
easeOutCubic
easeInSine
easeInOutSine
easeInOutQuad
easeInOutQuart
easeInOutCirc
easeInOutQuint
linear
300ms
Duration
velocity
Options for the velocity queue to determine momentum direction.
210ms
velocity.maxTimeWindow
The time window to use to determine the velocity.
20px/s
velocity.minVelocity
The minimum velocity required to trigger momentum scrolling.
5000px/s
velocity.maxVelocity
The maximum velocity to use.
1.35
velocity.multiplicator
The multiplicator to apply on the final velocity.
30°
scrollDirectionThreshold
The threshold for detecting the scroll direction.
wheel
1.00
scrollSpeed
The scroll speed multiplicator when using the mouse wheel.
0.80
wheelZoomFactor
How much the artboard should be zoomed using the scroll wheel.
interceptWheel
Intercept all wheel events.
useMomentumScroll
Apply momentum scrolling when using wheel.
useMomentumZoom
Apply momentum zooming when using wheel.
scrollbar
100px
minThumbSize
The minimum size of the thumb.
dom
1.0
precision
How precise the translate3d() values should be.
Image: © Bill Bertram 2006
500%