es-shape v1.0.4

shapes

shape a baisc on EcmaScript development

development baisc Typescript

programming thought object oriented or functional formula

about

why use typescript learn docs typescript

why use object oriented shapes project dev? object orented Good fine-grained division of modules for object-oriented development programs Not knowing what object-oriented is does not affect the development of this project。 If you want to learn object-oriented development program, it is recommended to look at the Java language

learn project

project package use pnpm

1. install

pnpm i

2. development

npm run dev

3. production

npm run build

graphics model

import { Circle } from 'es-shape/model';
// startPoint raduis  stroke fill CanvasRenderingContext2D.styles supper
const circle = new Circle({ x: 100, y: 200, z: 0 }, 50, 'stroke', styles);
const canvas: HTMLCanvasElement = document.getElementById('canvas');
const context: CanvasRenderingContext2D = canvas.getContext('2d');
circle.render(context);
// stroke circle in graphics circle view