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.
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<canvas></canvas>
<script src="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>