Learn about our RFC process, Open RFC meetings & more.Join in the discussion! »

svelte-multitoneimage

1.1.1 • Public • Published

Svelte Multitone Image

A simple image renderer to apply multitone effects for svelte. Demo page

Basic usage

<MultitoneImage src={imageSource} colours={colorArray} />

Props

src

This is the origin of the image, equivalent of the src attribute on an tag.

alt

The alt text for the generated image.

colours

An array of hex colours, the component will automatically parse both short and long hexcodes. Defaults to ['#000', '#fff'] resulting in a grayscale image.

exponent and amplitude

As a final step in the filter a gamma correction is passed on each channel, this correction is of the form:

gamma = amplitude * pow(channel, exponent) + offset

This gamma correction enhances the overall contrast in the image. A higher exponent will make the dark areas darker, while a higher amplitude brightens the lighter areas.

The offset in this component will always be 0.

Keywords

Install

npm i svelte-multitoneimage

DownloadsWeekly Downloads

12

Version

1.1.1

License

none

Unpacked Size

33.7 kB

Total Files

6

Last publish

Collaborators

  • avatar