Home

CanvasSM

The SM stands for Surface Mount

This code is designed to provide an easy way to use the HTML canvas along with some helper libraries

What it currently includes

• Canvas
• Vector
• Polar
• Spherical
• Color
• Mouse
• PhysicsObject
• Cylindrical

A simple way to use them

To create a canvas

import {Canvas} from '@codemylife/canvassm'

const canvas = new Canvas()
//or
const childCanvas = new Canvas(document.querySelector('#parent'))

Resize the Canvas

The canvas defaults to 300

import {Canvas, Vector} from '@codemylife/canvassm'
canvas.setSize(new Vector(500,100))

Draw A Circle

import {Vector, Canvas} from '@codemylife/canvassm'
const canvas = new Canvas()
canvas.circle(new Vector(10,10))