/lw.canvas-filters

Canvas filters for LaserWeb
  1. JavaScript 100.0%
JavaScript
Clone or download

Clone with HTTPS

Use Git or checkout with SVN using the web URL.

Download ZIP
Find file
Switch branches/tags
Nothing to show
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
dist
src
.babelrc
.gitignore
LICENSE.md
README.md
package.json
webpack.config.js

README.md

lw.canvas-filters

SVG path for LaserWeb/CNCWeb.

Installation

Using NPM

npm install lw.canvas-filters

Using GIT

git clone https://github.com/lautr3k/lw.canvas-filters.git
cd canvas-filters
npm install

Or download the last build from https://raw.githubusercontent.com/lautr3k/lw.canvas-filters/master/dist/lw.canvas-filters.js

<script src="./lw.canvas-filters.js"></script>
<script>
  var path = CanvasFilter.canvasFilter();
</script>

Settings

let settings = {
    smoothing   : false,  // Smoothing [true|fale]
    brightness  : 0,      // Image brightness [-255 to +255]
    contrast    : 0,      // Image contrast [-255 to +255]
    gamma       : 0,      // Image gamma correction [0.01 to 7.99]
    grayscale   : 'none', // Graysale algorithm [average, luma, luma-601, luma-709, luma-240, desaturation, decomposition-[min|max], [red|green|blue]-chanel]
    shadesOfGray: 256,    // Number of shades of gray [2-256]
    invertColor : false   // Invert color...
}

Usages

import canvasFilter from 'canvas-filters'

canvasFilter(canvas, settings)