Checkerboard.js

Easily draw transparency pattern on canvas when flattenning images

Dependency-free, 1.7kB gzipped. Idk if it's large it literally has 40 lines unpacked, and 1024 chars in total packed, if u really care about each byte, stop using javascript and canvas bro

Installation

$ npm i checkerboardjs

Usage

drawPattern(canvas<HTMLCanvasElement>, ?options<Object>)

Options

Property	Type	Default	Description
centered	bool	false	Draws pattern from center instead of left top corner
ignoreWarnings	bool	false	Ignores any errors and warnings
primaryColor	string	#EDEDED	CSS color of even cells
secondaryColor	string	#C6C6C6	CSS color of odd cells
size	number	10	Size of cell in pixels

Example

import drawPattern from 'checkerboardjs'

const canvas = document.querySelector('canvas')
drawPattern(canvas)

Contributing, license, issues

blah blah blah go find something better to do and don't bother me