CANVA - G

Canvas graph ( canvaG ) is a graph for getting accurate and appropriate positioning of canvas elements when using canvas.

Usage

Npm

Installation

npm i canvag

Js Delivr

cdn.jsdelivr.net/npm/[email protected]

Github

Direct cloning and adding <script src="canvaG.js"></script> to your HTML file instead

HOW TO USE

create any element in and put the <canvas id="canvas"></canvas> tag in the element;

<div id="drawing"><canvas id="canvas"></canvas></div>

In your js file, you should call the drawGraph(xgap, ygap, width height) function : The Graph above has the following parameters:

	import { drawGraph } from 'CanvaG'
    drawGraph(10, 10);

Neglecting the width and the height because the default width is the entire width and default height is the entire height

| Argument | Default value | |----------|---------------| |xgap|10| |ygap|10| |width|Entire width| |height|Entire Height|

drawGraph() without any argument will surely work with the default parameters

Github Direct Cloning and Contribution