Tweakpane image plugin

Image input plugin for [Tweakpane][tweakpane].
!image


Check out the [demo][demo].

Features

- Accepts images and URLs
- Image input
- Drag and drop
- Placeholders

Installation

You can install [this package][npm-link] via NPM:
``sh
npm i tweakpane-image-plugin
`

Usage

You can use this plugin using these parameters:
`ts
pane.addInput(params, 'url', {
view: 'input-image';
imageFit?: 'contain' | 'cover';
extensions?: string[];
})
`

Example

`js
import {Pane} from 'tweakpane';
import * as TweakpaneImagePlugin from 'tweakpane-image-plugin';

const pane = new Pane();
pane.registerPlugin(TweakpaneImagePlugin);

const params = {
image: new Image(),
placeholder: 'placeholder',
url: 'https://images.unsplash.com/photo-1631875182291-17e8310183ed?q=80&w=500'
};

pane.addInput(params, 'image', {
extensions: '.jpg, .gif',
})

pane.addInput(params, 'placeholder', {
view: 'input-image'
})

pane.addInput(params, 'url', {
view: 'input-image',
imageFit: 'contain',
})
``

[tweakpane]: https://github.com/cocopon/tweakpane/
[npm-link]: https://www.npmjs.com/package/tweakpane-image-plugin
[demo]: https://tweakpane-image-plugin.netlify.app/