diff --git a/viz/ts/svg/svg/svg/Utils.ts b/viz/ts/svg/svg/svg/Utils.ts index 6e49631..e309c2a 100644 --- a/viz/ts/svg/svg/svg/Utils.ts +++ b/viz/ts/svg/svg/svg/Utils.ts @@ -5,3 +5,17 @@ function componentToHex(c) { var hex = c.toString(16); return hex.length == 1 ? "0" + hex : hex; } + +var $ = (fn: any) => { + + // Sanity check + if (typeof fn !== 'function') return; + + // If document is already loaded, run method + if (document.readyState === 'complete') { + return fn(); + } else { + // Otherwise, wait until document is loaded + document.addEventListener('DOMContentLoaded', fn, false); + } +}; \ No newline at end of file diff --git a/viz/ts/svg/svg/svg/svg.ts b/viz/ts/svg/svg/svg/svg.ts index d0e99da..f8cd1bb 100644 --- a/viz/ts/svg/svg/svg/svg.ts +++ b/viz/ts/svg/svg/svg/svg.ts @@ -18,6 +18,11 @@ class Graphics { constructor(div: string) { this.svg = document.createElement("svg"); this.container = document.getElementById(div); + + console.log(div); + console.log(this.svg); + console.log(this.container); + this.container.appendChild(this.svg); } diff --git a/viz/ts/svg/svg/svg/test.ts b/viz/ts/svg/svg/svg/test.ts index 6d31b99..f793993 100644 --- a/viz/ts/svg/svg/svg/test.ts +++ b/viz/ts/svg/svg/svg/test.ts @@ -1,5 +1,10 @@ /// -var svg = new Graphics("test-svg"); +$(function () { + + var svg = new Graphics("test-svg") + .size(1000, 1000) + .drawRectangle(new Rectangle(10, 20, 200, 300)); +}); + -svg.size(1000,1000).drawRectangle(new Rectangle(10,20,200,300));