EntityPlantt
diff --git a/‎Canvas2d.js‎
Lines changed: 3 additions & 0 deletions b/‎Canvas2d.js‎
Lines changed: 3 additions & 0 deletions
diff --git a/‎docs/index.html‎
Lines changed: 3 additions & 1 deletion b/‎docs/index.html‎
Lines changed: 3 additions & 1 deletion
diff --git a/‎examples/index.html‎
Lines changed: 11 additions & 7 deletions b/‎examples/index.html‎
Lines changed: 11 additions & 7 deletions
diff --git a/‎examples/index.js‎
Lines changed: 15 additions & 0 deletions b/‎examples/index.js‎
Lines changed: 15 additions & 0 deletions
diff --git a/‎favicon/about.txt‎
Lines changed: 6 additions & 0 deletions b/‎favicon/about.txt‎
Lines changed: 6 additions & 0 deletions
diff --git a/‎favicon/android-chrome-192x192.png‎
6.21 KB b/‎favicon/android-chrome-192x192.png‎
6.21 KB
diff --git a/‎favicon/android-chrome-512x512.png‎
18.2 KB b/‎favicon/android-chrome-512x512.png‎
18.2 KB
diff --git a/‎favicon/apple-touch-icon.png‎
5.57 KB b/‎favicon/apple-touch-icon.png‎
5.57 KB
diff --git a/‎favicon/favicon-16x16.png‎
420 Bytes b/‎favicon/favicon-16x16.png‎
420 Bytes
diff --git a/‎favicon/favicon-32x32.png‎
807 Bytes b/‎favicon/favicon-32x32.png‎
807 Bytes
@@ -53,6 +53,9 @@ Canvas2d.Scene = class {
 			asset.draw();
 		});
 	}
+	get dataURL() {
+		return this.canvas.toDataURL();
+	}
 };
 Canvas2d.Asset = class {
 	constructor() {
 
@@ -120,6 +120,8 @@ <h2>assets<span>: Array</span></h2>
 		<p>All the <a href="#Canvas2d.Asset">assets</a> added in the canvas. Used internally by this class.</p>
 		<h2>background<span>: String</span></h2>
 		<p>A CSS value used for the canvas background. Default is <code>"white"</code>.</p>
+		<h2>dataURL<span>: String</span></h2>
+		<p>The canvas drawing into a data URL.</p>
 		<h2>add <span>(asset: Canvas2d.Asset): undefined</span></h2>
 		<p>Adds a new <a href="#Canvas2d.Asset">asset</a> in the canvas.<br>If the asset is present in another scene, it'll be removed from that one.<br><span>asset:</span> The asset to be added.</p>
 		<h2>remove <span>(asset: Canvas2d.Asset): undefined</span></h2>
@@ -198,7 +200,7 @@ <h2>color<span>: String</span></h2>
 		<p>The rectangle CSS color. Initialized in <a href="#Canvas2d.RectAsset.constructor">the constructor</a>.</p>
 		<h2>stroke<span>: Boolean</span></h2>
 		<p>If true, the rectangle will be stroked instead of filled. Defaults to <code>false</code>.</p>
-		<h2>stroke<span>: Boolean</span></h2>
+		<h2>rotation<span>: Number</span></h2>
 		<p>The rectangle clockwise rotation (pivot point is image center) in degrees.</p>
 		<h2>draw <span>(): undefined</span></h2>
 		<p>Draws the rectangle on the canvas. Called from <a href="#Canvas2d.Scene.draw">Canvas2d.Scene.draw</a>.</p>
 
@@ -9,14 +9,18 @@
 	<link rel="icon" type="image/png" sizes="16x16" href="../favicon/favicon-16x16.png">
 	<link rel="manifest" href="../favicon/site.webmanifest">
 	<link rel="stylesheet" type="text/css" href="../style/uni.css">
-	<link rel="stylesheet" type="text/css" href="../style/home.css">
+	<link rel="stylesheet" type="text/css" href="../style/examples.css">
+	<script type="text/javascript" src="index.js"></script>
 </head>
 <body>
-	<div id="title">Examples</div>
-	<ul id="contents">
-		<li><a href="..">Back</a></li>
-		<li><a href="hi.html">Docs first example</a></li>
-		<li><a href="thesun.html">The Sun</a></li>
-	</ul>
+	<div id="sidebar">
+		<div id="title">Examples</div>
+		<ul id="contents">
+			<li><a href="..">Back</a></li>
+			<li><a href="#hi">Docs first example</a></li>
+			<li><a href="#thesun">The Sun</a></li>
+		</ul>
+	</div>
+	<iframe id="main"></iframe>
 </body>
 </html>
@@ -0,0 +1,15 @@
+onload = () => {
+	var url = "";
+	setInterval(() => {
+		if (url != document.URL) {
+			if (!document.URL.includes("#")) {
+				location.replace(document.querySelectorAll("#contents li a")[1].href);
+			}
+			url = document.URL;
+			document.getElementById("main").src = url.substring(url.indexOf("#") + 1) + ".html";
+			if (document.querySelector("#contents li.selected"))
+				document.querySelector("#contents li.selected").removeAttribute("class");
+			document.querySelector(`#contents li a[href='${url.substring(url.indexOf("#"))}']`).parentElement.classList.add("selected");
+		}
+	}, 50);
+}
@@ -0,0 +1,6 @@
+This favicon was generated using the following font:
+
+- Font Title: Montserrat Subrayada
+- Font Author: Copyright (c) 2011-2012, Julieta Ulanovsky ([email protected]), with Reserved Font Names 'Montserrat'
+- Font Source: http://fonts.gstatic.com/s/montserratsubrayada/v15/U9MD6c-o9H7PgjlTHThBnNHGVUORwteQQE8LYuceqGT-.ttf
+- Font License: SIL Open Font License, 1.1 (http://scripts.sil.org/OFL))