some examples added

fedeghe · Jan 2, 2025 · 29ebb51 · 29ebb51
1 parent 24a1a5b
commit 29ebb51
Show file tree

Hide file tree

Showing 14 changed files with 237 additions and 184 deletions.
diff --git a/LICENSE b/LICENSE
@@ -6,7 +6,7 @@
 
 
 Leonardo SVG library
-Copyright (C) 2024 by Federico Ghedina <[email protected]>
+Copyright (C) 2025 by Federico Ghedina <[email protected]>
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

diff --git a/README.md b/README.md
@@ -1,5 +1,5 @@
 ![alt text](https://raw.githubusercontent.com/fedeghe/leonardo/master/media/god.svg "... do not dare scum human!")
-leonardo javascript svg library v. 1.0.40
+leonardo javascript svg library v. 1.0.41
 
 [![Coverage Status](https://coveralls.io/repos/github/fedeghe/leonardo/badge.svg?branch=master)](https://coveralls.io/github/fedeghe/leonardo?branch=master)
 
@@ -185,7 +185,7 @@ var root = Leonardo(300, 200, {target: myDomNode})
 root.render(); // now is optional
 // 
 var rootOrphan = Leonardo(300, 200)
-root.render(); // now is not, need to pass `{target: aDomNode}`
+rootOrphan.render(); // now is not, need to pass `{target: aDomNode}`
                // otherwise will throw an exception
 
 ```  

diff --git a/dist/index.js b/dist/index.js
diff --git a/media/gbelt.png b/media/gbelt.png
diff --git a/source/demo/gbelt.json b/source/demo/gbelt.json
@@ -0,0 +1,9 @@
+{
+    "EXE": [
+        "mkdir -p demo/gbelt/js demo/gbelt/css",
+        "cp source/media/gbelt.png demo/gbelt/gbelt.png"
+    ],
+    "source/demo/gbelt/index.js": "demo/gbelt/js -vars=source/vars.json",
+    "source/demo/gbelt/index.less": "demo/gbelt/css -plugins=malta-less -vars=source/vars.json",
+    "source/demo/gbelt/index.html": "demo/gbelt -plugins=malta-browser-refresh -vars=source/vars.json"
+}
diff --git a/source/demo/gbelt/index.html b/source/demo/gbelt/index.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    $$../_commonHead.html$$
+    <title>$DEMO.GBELT.TITLE$</title>
+</head>
+
+<body>
+    <div id="trg">...</div>
+    <script src="js/index.js"></script>
+
+</body>
+
+</html>
diff --git a/source/demo/gbelt/index.js b/source/demo/gbelt/index.js
@@ -0,0 +1,15 @@
+window.onload = function () {
+    var target = document.getElementById('trg'),
+        prop = 350/350,
+        // width = Math.min(987, window.innerWidth-50),
+        width = window.innerWidth,
+        height = parseInt(width / prop, 10),
+        Leo = Leonardo(width, height, { ns: '*', target: target }),
+        main = Leo.group();
+
+        img = Leo.image(0,0,width, height, './gbelt.png').setAttributes({opacity: 0.4}),
+    main.append(img);
+    Leo.append(main);
+    Leo.render();
+    Leo.positionInspector('[{r%x}, {r%y}],');
+}
diff --git a/source/demo/gbelt/index.less b/source/demo/gbelt/index.less
@@ -0,0 +1,9 @@
+body{
+    margin:0;
+    padding:0;
+    #trg{
+        svg{
+            border:1px solid white
+        }
+    }
+}
diff --git a/source/demo/index.html b/source/demo/index.html
@@ -50,6 +50,7 @@ <h1>Leonardo demos</h1>
         <li><a href="minefield/">minefield</a></li>
         <li><a href="minefield2/">minefield 2 (wip)</a></li>
         <li><a href="lotkavolterra/">lotkavolterra</a></li>
+        <li><a href="gbelt/">gbelt</a></li>
         <li><a href="import.html">import from string svg</a></li>
     </ul>
 </body>