@mtillmann/ishihara v0.2.2

ishihara

Generate Ishihara test plate images for color vision deficiency testing.

Installation

npm i @mtillmann/ishihara

Usage

The async ishihara function takes an options-object (see below) and returns an instance of CirclePacker from the circlepacker-package.

Use any of CirclePacker's output helper methods to render the image.

You can pass a CirclePacker-options-object inside the options.circlePackerOptions property.

Using a Bundler

import ishihara from '@mtillmann/ishihara';

const image = (await ishihara()).asCanvas();
document.body.appendChild(image);
//or
ishihara().then((image) => {
  document.body.appendChild(image.asCanvas());
});

Module Script Tag

<script type="module">
  import ishihara from '.../@mtillmann/ishihara/dist/index.bundle.js';

  const image = (await ishihara()).asCanvas();
  document.body.appendChild(image);
</script>

Classic Script Tag

<script src=".../@mtillmann/ishihara/dist/index.bundle.iife.js"></script>
<script>
  const image = (await ishihara()).asCanvas();
  document.body.appendChild(image);
</script>

Options

The ishihara function takes an options object with the following properties: