fullscreen-canvas

1.0.1 • Public • Published

Install

yarn add fullscreen-canvas

or

npm i fullscreen-canvas

How to use

import FullscreenCanvas from "fullscreen-canvas";

const fscan = new FullscreenCanvas();
const can = fscan.el;
const ctx = can.getContext("2d");
document.body.appendChild(fscan.el);
fscan.makeAlwaysFullscreen();

function go() {
    ctx.beginPath();
    ctx.moveTo(0, 0);
    ctx.lineTo(can.width, can.height);
    ctx.moveTo(can.width, 0);
    ctx.lineTo(0, can.height);
    ctx.stroke();
    requestAnimationFrame(go);
}

requestAnimationFrame(go);

Recommended styles for body (for hide scroll bars)

body {
    margin: 0;
    overflow: hidden;
}

Readme

Keywords

none

Package Sidebar

Install

npm i fullscreen-canvas

Weekly Downloads

2

Version

1.0.1

License

MIT

Unpacked Size

2.19 kB

Total Files

5

Last publish

Collaborators

  • psqq