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

<MultitoneImage src="{imageSource}" colors="{colorArray}" />

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

The alt text for the generated image.

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

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.