CanvasSM

• Color

This is a very basic library to help you use the html canvas element.

Code examples

Creating a canvas

import { Canvas } from 'canvassm';
const canvas = new Canvas(); //Automatically adds to the document body

Add to custom element

import { Canvas } from 'canvassm';
const canvas = new Canvas(document.querySlector('#id'));

Setting Size

import {Canvas, Vector} from 'canvassm'
const canvas = new Canvas()
canvas.setSize(new Vector(100, 100));

Draw Circle

import {Vector, CircleInterface} from 'canvassm'
const c:CircleInterface = {
    pos:new Vector(100,100),
    size:100,
    fill:true,
    stroke:false,
    fillColor:"red"
}
canvas.circle(c)

import {Vector, LineInterface} from 'canvassm'
const l:LineInterface = {
    start:new Vector(0,0),
    end:new Vector(100,100),
    color:"black",
    size:2
}