Bump GitHub CI Node version.

ronyeh · ronyeh · commit b66967c78726 · 2021-11-18T15:39:38.000-08:00
diff --git a/.github/workflows/ci-workflow.yaml b/.github/workflows/ci-workflow.yaml
@@ -4,12 +4,11 @@ on: [push, pull_request]
 
 jobs:
   build:
-
     runs-on: ubuntu-latest
 
     strategy:
       matrix:
-        node-version: [12.x]
+        node-version: [16.x]
 
     steps:
       - uses: actions/checkout@v2
diff --git a/demos/node/fonts.js b/demos/node/fonts.js
@@ -22,8 +22,9 @@ const fClef = 0xe062;
 const gClef = 0xe050;
 
 function canvas1() {
-  const canvas = createCanvas(850, 400);
+  const canvas = createCanvas(1600, 700);
   const ctx = canvas.getContext('2d');
+  ctx.scale(2, 2);
   ctx.font = '100px Bravura';
   ctx.fillText(String.fromCharCode(gClef, 0x20, fClef), 20, 220);
   return canvas;
@@ -32,15 +33,16 @@ function canvas1() {
 function canvas2() {
   const dom = new JSDOM(`<!DOCTYPE html><body></body>`);
   const canvas = dom.window.document.createElement('canvas');
-  canvas.width = 850;
-  canvas.height = 400;
+  canvas.width = 1700;
+  canvas.height = 800;
   const ctx = canvas.getContext('2d');
+  ctx.scale(2, 2);
   ctx.font = '100px PetalumaScript';
-  ctx.fillText('Hello PetalumaScript', 20, 220);
+  ctx.fillText('This is the\nPetalumaScript\nText Font', 20, 130);
   return canvas;
 }
 
 console.log(
   `<!DOCTYPE html><html><head><style>img { border: 1px solid #666; }</style></head><body>` +
-    `<img src="${canvas1().toDataURL()}"><br><img src="${canvas2().toDataURL()}"></body></html>`
+    `<img width="800" src="${canvas1().toDataURL()}"><br><img width="850" src="${canvas2().toDataURL()}"></body></html>`
 );
