Auto-resizing canvas. Demo
npm i @fuzzco/full-canvas
Register component in Vue, then:
<template>
<main>
<!-- canvas that resizes to fit its container (positions: absolute, top/right/bottom/left: 0) -->
<full-canvas />
<!-- lower rect-throttle value for smoother resizing, at the cost of more expensive calculations -->
<full-canvas rect-throttle="20" />
</main>
</template>Options
| Prop | Type | Default | Notes |
|---|---|---|---|
rect-throttle |
[String, Number] | 150 | How often the canvas resizes itself, in ms |
Events
| Event | Params | Notes |
|---|---|---|
canvas-ready |
(canvas) |
Fires after all initialization has completed and canvas is ready. Looking for the canvas before this point doesn't guarantee that the canvas will exist. |