Showcase canvas-demo with a realistic page fixture

Alhadis · Jul 18, 2019 · efb5ca0 · efb5ca0
1 parent 2f3917f
commit efb5ca0
Show file tree

Hide file tree

Showing 4 changed files with 5,497 additions and 4 deletions.
diff --git a/test/demos/canvas/demo.css b/test/demos/canvas/demo.css
@@ -32,12 +32,18 @@ body{
  position: relative;
  margin: 1em;
  width: calc(100% - 2em);
- max-width: 640px;
- height: 500px;
+ height: 100vh;
  }
  .troff-canvas-pages{
  padding: 1em;
  }
  .troff-canvas-page{
  margin-bottom: 1em;
  }
+
+@media (max-width: 40em){
+ #chalkboard{
+ max-width: 640px;
+ height: 500px;
+ }
+}
diff --git a/test/demos/canvas/esm.html b/test/demos/canvas/esm.html
@@ -24,7 +24,7 @@
 
  // Load ditroff source from file, then render it
  const dirname = import.meta.url.replace(/^file:\/\/|[/\\][^/\\]+$/gi, "");
- view.loadFile(dirname + "/../../fixtures/text/pdf-large.out");
+ view.loadFile(dirname + "/../../fixtures/pdf/grep.1.out").then(() => view.spreadSize = 2);
  </script>
 </body>
 </html>
diff --git a/test/demos/canvas/umd.html b/test/demos/canvas/umd.html
@@ -24,7 +24,7 @@
  });
 
  const dirname = document.location.toString().replace(/^file:\/\/|[/\\][^/\\]+$/gi, "");
- view.loadFile(dirname + "/../../fixtures/text/pdf-large.out");
+ view.loadFile(dirname + "/../../fixtures/pdf/grep.1.out").then(() => view.spreadSize = 2);
  </script>
 </body>
 </html>