Tarpaulin

A minimal toolset aimed at mathematical drawing on canvas or svg

Install

Install with npm:

1$ npm install --save tarpaulin

Install with yarn:

1$ yarn add tarpaulin

Usage

1import Tarpaulin, { Color } from "tarpaulin"
2
3// Set appearance
4const size = 600
5const xMin = -50
6const xMax = 50
7const yMin = -50
8const yMax = 50
9
10// Create a canvas tarp
11Tarpaulin.createCanvas({ size, xMin, xMax, yMin, yMax })
12
13// Or create an SVG tarp
14//Tarpaulin.createSvg({ size, xMin, xMax, yMin, yMax })
15
16// START DRAWING
17
18Tarpaulin.drawGrid()
19Tarpaulin.drawAxes()
20
21// Draw filled & stroked shapes
22Tarpaulin.drawCircle([-25, 25], 15, { fill: Color.Red, stroke: Color.Black })
23Tarpaulin.drawRect([10, 40], 30, 30, { fill: Color.Blue, stroke: Color.Black })
24Tarpaulin.drawPath([[-25, -10], [-42.32, -40], [-7.68, -40]], { fill: Color.Yellow, stroke: Color.Black })
25
26// Draw filled-only/stroked-only shapes
27Tarpaulin.drawCircle([15, -15], 5, { fill: Color.Green })
28Tarpaulin.drawRect([30, -10], 10, 10)
29Tarpaulin.drawPath([[15, -30], [9.226, -40], [20.773, -40]], { stroke: Color.Black, closed: true })
30Tarpaulin.drawPath([[30, -30], [40, -30], [35, -30], [35, -40]], { stroke: Color.Black, strokeWidth: 5 })

See more usage examples in examples