Performance tests - Pure Kinetic + hack

by confile

HTML

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <title>Web node graph drawner tests</title>
    <meta name="viewport" content="initial-scale=1,minimum-scale=1,maximum-scale=1,width=device-width,height=device-height,target-densitydpi=medium-dpi,user-scalable=0"/>
</head>

<body>
    <script src="http://rawgithub.com/lavrton/web-drawing-test/master/scripts/libs/jquery.js"></script>
    <script src="http://rawgithub.com/lavrton/web-drawing-test/master/scripts/libs/hammer.js"></script>
    <script src="http://rawgithub.com/lavrton/web-drawing-test/master/scripts/libs/underscore.js"></script>
    <script src="http://rawgithub.com/lavrton/web-drawing-test/master/scripts/libs/fpsmeter.min.js"></script>
    <script src="http://rawgithub.com/lavrton/web-drawing-test/master/scripts/libs/svg.js"></script>
    <script src="http://rawgithub.com/lavrton/web-drawing-test/master/scripts/libs/kinetic.js"></script>
    <script src="http://rawgithub.com/lavrton/web-drawing-test/master/scripts/libs/fabric.js"></script>
    <script src="http://rawgithub.com/lavrton/web-drawing-test/master/scripts/libs/easeljs.min.js"></script>
</body>
</html>

JavaScript

var __extends = this.__extends || function (d, b) {
    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
    function __() { this.constructor = d; }
    __.prototype = b.prototype;
    d.prototype = new __();
};
var STAGE_WIDTH = $(window).width() * 3 / 4;
var STAGE_HEIGHT = 500;
var NODE_NUMBER = 50;
var CONNECTOR_NUMBER = 20;
var CONNECTOR_WIDTH = 5;

var nodeImg = new Image();
nodeImg.src =...