search

aato / flyte

An object model for the HTML5 canvas - a lightweight alternative to fabric.js written with ES6. Demo: https://jsfiddle.net/txstp664/3
MIT License
4 stars 0 forks source link

readme

Flyte.js

NPM version devDependency Status

Flyte.js is a framework that makes it easy to work with the HTML5 canvas element. It is an interactive object model on top of the canvas element. A lighter-weight, boiled down version of Fabric.js. Try the demo.

Usage

<!DOCTYPE html>
<html>
<head>
</head>
<body>
    <canvas></canvas>

    <script src="https://github.com/aato/flyte/raw/master/dist/flyte-X.Y.Z.js"></script>
    <script>
        var scene = new FScene({canvasID: 'canvas', width: 500, height: 400});

        var rect = new FRect({
          left: 10,
          top: 10,
          width: 100,
          height: 100,
          fillStyle : 'orange'
        });

        scene.add(rect);
    </script>
</body>
</html>