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. |