canvas_ruler
v0.1.2
Published
a simple canvas ruler
Downloads
33
Readme
canvas_ruler
A very simpler canvas ruler, you can easily use with just one line.
Installing
Using npm:
$ npm install canvas_rulerUsing bower:
$ bower install canvas_rulerUsing yarn:
$ yarn add canvas_rulerUsing jsDelivr CDN:
<script src="https://cdn.jsdelivr.net/npm/canvas_ruler"></script>Using unpkg CDN:
<script src="https://unpkg.com/canvas_ruler"></script>Example
module way
import { Ruler, version } from "../dist/ruler.module.js";
console.log(version);
window.ruler = new Ruler({
canvasId: ".root",
width: 1000,
scale: 1,
}).render();UNPKG way
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<script src="https://unpkg.com/canvas_ruler"></script>
</head>
<body>
<canvas class="root"></canvas>
<script>
console.log(canvasRuler.version);
let ruler = new canvasRuler.Ruler({
canvasId: ".root",
width: 1000,
scale: 1,
}).render();
</script>
</body>
</html>