import rough from 'roughjs';
const rc = require('roughjs')
const rc = rough.canvas(document.getElementById('canvas'));
rc.rectangle(100, 100, 200, 200); // x, y, width, height

// function getOffset( el ) {
//     var _x = 0;
//     var _y = 0;
//     while( el && !isNaN( el.offsetLeft ) && !isNaN( el.offsetTop ) ) {
//         _x += el.offsetLeft - el.scrollLeft;
//         _y += el.offsetTop - el.scrollTop;
//         el = el.offsetParent;
//     }
//     return { top: _y, left: _x };
// }
// var x = getOffset( document.getElementById('complexities') ).left; 
// var y = getOffset( document.getElementById('complexities') ).top;




// var scribble = new Scribble();
// scribble.scribbleEllipse(200,300,300,200)