Merge pull request #29 from joshua-gould/setTransform

added setTransform.js and test

.github/workflows/test.yml

@@ -1,17 +1,17 @@
 name: test
 on:
   push:
-    branches: [ master ]
+    branches: [master]
   pull_request:
-    branches: [ master ]
+    branches: [master]
 
 jobs:
   build:
     runs-on: ubuntu-latest
     strategy:
       fail-fast: true
       matrix:
-        node-version: [ 16.x ]
+        node-version: [16.x]
     steps:
       - uses: actions/checkout@v3
       - name: Use Node.js ${{ matrix.node-version }}
@@ -22,9 +22,10 @@ jobs:
         run: |
           sudo apt-get update && sudo apt-get install -y graphicsmagick libxss1
           yarn install
-      - name: Test with yarn
+      - name: Run tests
         run: |
-          yarn test
+          yarn test:generate-images
+          yarn test:convert-pdfs 
+          yarn test:diff
         env:
           CI: true
-

.prettierignore

@@ -0,0 +1 @@
+dist

.prettierrc

@@ -0,0 +1 @@
+{}

README.md

@@ -1,44 +1,45 @@
-# Canvas2PDF 
+# Canvas2PDF
 
-Canvas2PDF exports your HTML canvas as PDF using JavaScript. 
-Note that this library generates actual PDF drawing calls to create a PDF with vector graphics, 
+Canvas2PDF exports your HTML canvas as PDF using JavaScript.
+Note that this library generates actual PDF drawing calls to create a PDF with vector graphics,
 unlike some alternate libraries which rasterize your canvas and place it as an image in your PDF.
 
-
 ## Usage
 
 ```javascript
-import PdfContext from '/src/canvas2pdf';
-import blobStream from 'blob-stream';
-import { saveAs } from 'file-saver';
+import PdfContext from "/src/canvas2pdf";
+import blobStream from "blob-stream";
+import { saveAs } from "file-saver";
 
 // Create a new PDF canvas context.
 const ctx = new PdfContext(blobStream());
 
 // draw your canvas like you would normally
-ctx.fillStyle = 'yellow';
-ctx.fillRect(100,100,100,100);
+ctx.fillStyle = "yellow";
+ctx.fillRect(100, 100, 100, 100);
 // more canvas drawing, etc...
 
 // convert your PDF to a Blob and save to file
-ctx.stream.on('finish', function () {
-    var blob = ctx.stream.toBlob('application/pdf');
-    saveAs(blob, 'example.pdf', true);
+ctx.stream.on("finish", function () {
+  const blob = ctx.stream.toBlob("application/pdf");
+  saveAs(blob, "example.pdf", true);
 });
 ctx.end();
 ```
 
 ## Interactive Browser Demo
-[Open Demo](https://joshua-gould.github.io/canvas2pdf/dist/index.html)
 
+[Open Demo](https://joshua-gould.github.io/canvas2pdf/dist/index.html)
 
 ## Notes
-+ Calling fill and then stroke consecutively only executes fill
-+ Some canvas 2d context methods are not implemented yet (e.g. setTransform and arcTo)
 
+- Calling fill and then stroke consecutively only executes fill
+- Some canvas 2d context methods are not implemented yet (e.g. arcTo)
 
 ## License
+
 MIT
 
 # Developer Dependencies
-+ GraphicsMagick is required for running tests
+
+- GraphicsMagick is required for running tests

app.js

@@ -1,33 +1,32 @@
-import PdfContext from '/src/canvas2pdf';
-import blobStream from 'blob-stream';
+import PdfContext from "/src/canvas2pdf";
+import blobStream from "blob-stream";
 
-const editor = document.getElementById('editor_source');
+const editor = document.getElementById("editor_source");
 
-const examplePicker = document.getElementById('example_picker');
-examplePicker.onchange = function() {
+const examplePicker = document.getElementById("example_picker");
+examplePicker.onchange = function () {
   editor.textContent = document.getElementById(examplePicker.value).textContent;
   createPdf();
 };
 
-const iframe = document.querySelector('iframe');
-const createPdf = function() {
+const iframe = document.querySelector("iframe");
+const createPdf = function () {
   const text = editor.textContent;
 
   const stream = blobStream();
   const ctx = new PdfContext(stream);
 
-  ctx.stream.on('finish', function() {
-    iframe.src = ctx.stream.toBlobURL('application/pdf');
+  ctx.stream.on("finish", function () {
+    iframe.src = ctx.stream.toBlobURL("application/pdf");
   });
   eval(text);
 };
-;
-document.getElementById('redraw').addEventListener(
-  'click',
-  function() {
+document.getElementById("redraw").addEventListener(
+  "click",
+  function () {
     createPdf();
   },
-  false
+  false,
 );
 
 createPdf();