canvas-hidden-transform
v1.0.0
Published
Apply extra 'hidden' transformations to a CanvasRenderingContext2D
Downloads
12
Maintainers
Readme
This is a microlibrary for enabling custom 'hidden' transformations on any
CanvasRenderingContext2D
. It is especially useful for rapidly implementing
high-quality rendering, but can be used for various other scenarios,
too. Example:
const addTransform = require('canvas-hidden-transform')
const canvas = document.createElement('canvas')
const ctxt = canvas.getContext('2d')
// this will translate any point by [10, 10]
const myTransform = [1, 0, 0, 1, 10, 10]
const myCtxt = addTransform(ctxt, myTransform)
myCtxt.translate(5, 3)
// will draw a rectangle from [15,13] to [20,18]
myCtxt.fillRect(0,0,5,5)
For more information on how a transformation works, read this MDN article.