Merge pull request #201 from litecanvas/patch

luizbills · web-flow · commit b12cbb3127de · 2025-07-18T11:08:52.000-03:00
Patch
diff --git a/package.json b/package.json
@@ -19,15 +19,16 @@
     "types": "./types/index.d.ts",
     "unpkg": "./dist/dist.dev.js",
     "keywords": [
-        "game engine",
-        "game development",
-        "2d",
+        "tiny",
+        "micro",
+        "javascript",
+        "html5",
         "canvas",
+        "2d",
+        "game",
         "gamedev",
         "js13k",
-        "creative-coding",
-        "pico-8",
-        "p5"
+        "creative coding"
     ],
     "devDependencies": {
         "@litecanvas/jsdom-extras": "^2.0.0",
diff --git a/samples/colors/colors.js b/samples/colors/colors.js
@@ -9,6 +9,7 @@ litecanvas({
     height: tile * rows,
     autoscale: false,
     animate: false,
+    canvas: 'canvas',
 })
 
 // draw the color palette
@@ -24,7 +25,7 @@ function draw() {
 
             if (showLabel) {
                 const label = c
-                text(i * tile + tile / 2, 2 + j * tile + tile / 2, label, fg)
+                // text(i * tile + tile / 2, 2 + j * tile + tile / 2, label, fg)
             }
         }
     }
@@ -34,3 +35,11 @@ function tapped() {
     showLabel = !showLabel
     draw()
 }
+
+// download button
+document.querySelector('#download').onclick = () => {
+    var link = document.createElement('a')
+    link.download = 'litecanvas-colors.png'
+    link.href = canvas().toDataURL()
+    link.click()
+}
diff --git a/samples/colors/index.html b/samples/colors/index.html
@@ -16,7 +16,8 @@
         </style>
     </head>
     <body>
-        <!-- <script src="https://unpkg.com/litecanvas/dist/dist.js"></script> -->
+        <canvas></canvas>
+        <p><button id="download">Download</button></p>
         <script src="../../dist/dist.dev.js"></script>
         <script src="colors.js"></script>
     </body>
diff --git a/src/version.js b/src/version.js
