Demonstrate how easy it is to generate charts using canvasimo

• Remove option for drawing circle and polygons counter clockwise
• Circle
• Star
• Burst
• Poly

https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/stroke
https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/fill

It seems that this should be possible for both, by checking if the first value is a string, and if it doesn't match nonzero or evenodd (regex check).

• Add some more info to the readme
• Update description to match others
• Update package.json description
• Basic example of chaining (highlight roundedRect / font methods / forEach)
• Direct people toward canvasimo.com
• Add basic setup instructions & example to readme
• Add basic setup instructions & example to docs
• Add images?

• Blossom (falls when tree shaken)
• Add grass
• Clouds

• Add basic chaining example
• Link to Mozzila documentation for references to original methods
• Link to data types on Mozzila
• Find nicer way to display data types
• Add a way to demonstrate different uses of arguments (e.g. that clip can have none, 1 or 2 arguments, or how drawImage handles cropping)
• Add information about possible strings that can be used (e.g. text alignment)
• Explain the points arrays that can be passed to path methods
• Add demo code to methods that are not obvious

• Do not directly bind original canvas methods
• Add bind polyfill
• Do not rely on ellipse for circle methods - use arc
• Try catch every original canvas method?

https://github.com/google/canvas-5-polyfill

Value must be an integer... lame.

Split from #45

Add .on and .off (alias .bind and .unbind) methods for listening to mouse events etc.

These should return custom events with the mouse position relative to the canvas (taking density into account).

These should warn if many event listeners are added within a short period of time (to prevent adding listeners within a draw loop).

• index.js imports and composites modules
• group related methods in small modules

• Link to GitHub issues / star
• Link for people to submit demos

Allow defining plugins to add additional methods e.g. for drawing chart stuff

Ensure that plugins cannot override default methods, or each other.

This should stub the CanvasRenderingContext2D and create an ascii representation that is written to a file to check for changes later.

expect(context).toMatchCanvasSnapshot();

expect.extend({
  toMatchCanvasSnapshot(received, argument) {
    const pass = //;

    if (pass) {
      return {
        message: () => `expected ${received} not to match snapshot ${snapshot}`,
        pass: true,
      };
    } else {
      return {
        message: () => `expected ${received} to match snapshot ${snapshot}`,
        pass: false,
      };
    }
  }
});

Add a method to return the installed version of canvasimo (and log this to the console).

Import from package.json

• No text renders on iOS due to the maxWidth argument being undefined

Not sure how to fix this one... huge number?

typeof maxWidth === 'undefined' ? 1000000 : maxWidth;

fillText and StrokeText both cannot take the argument to set the fill as they use the default canvas method which only supports [text, x, y, maxWidth].

• forEach
• repeat (e.g. 0, 10, 1)
• tap https://github.com/scalableminds/fluent-canvas
• constrainValue
• map (from one value range to another)
• getPercentageOfValue
• getFractionOfValue

Decided that the last 2 are unnecessary.

If color and path are undefined, call this.ctx.stroke() without parameters.

• Short description
• Ordering of important content
• Meta tags
• Open Graph

Create a clone of the current canvas. Stroke with green and check point. Stroke with red and check point.

Do I need to set the canvas to not anti-alias?

https://jsfiddle.net/yx09hvs3/

https://developer.mozilla.org/en-US/docs/Web/CSS/font

Nicely handle optional arguments, so that undefined does not need to be passed e.g.

canvas.fillText('text', 0, 0, undefined, 'black');

// Should be able to be done in the following way
// without the need for a maxWidth

canvas.fillText('text', 0, 0, 'black');

Unsure if this will be possible with all methods

Utilize typescript compiler tools to traverse and document the canvasimo interface