Half-Tone

A simple web component to apply a halftone filter to an image.

How Does It Work?

Wrap a standard <img> element in a <half-tone> element, and it will automatically have a halftone filter applies.

npm install @spaceninja/half-tone

<half-tone>
  <img src="..." alt="..." />
</half-tone>

<script type="module" src="half-tone.js"></script>

You can configure the filter by setting any of the following attributes on the <half-tone> element.