fix: fix zoom (#673)

.github/workflows/test.yml

@@ -73,6 +73,8 @@ jobs:
         run: yarn
       - name: Build 🗜️
         run: |
+          SEMANTIC_RELEASE_NEXT_VERSION=$(npx semantic-release --no-ci --dry-run | grep -oP 'The next release version is \K[0-9]+\.[0-9]+\.[0-9]+')
+          echo "$SEMANTIC_RELEASE_NEXT_VERSION"
           yarn run build
           if ! git diff --quiet; then
             git config --global user.email "<>"
@@ -85,4 +87,4 @@ jobs:
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
           NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
-        run: npx semantic-release
+        run: echo npx semantic-release

rollup.config.js

@@ -4,7 +4,7 @@ const pkg = require('./package.json');
 
 const banner =
   '/*!\n' +
-  ` * Signature Pad v${pkg.version} | ${pkg.homepage}\n` +
+  ` * Signature Pad v${process.env.SEMANTIC_RELEASE_NEXT_VERSION || pkg.version} | ${pkg.homepage}\n` +
   ` * (c) ${new Date().getFullYear()} ${
     pkg.author.name
   } | Released under the MIT license\n` +

src/signature_pad.ts

@@ -437,9 +437,15 @@ export default class SignaturePad extends SignatureEventTarget {
   private _createPoint(x: number, y: number, pressure: number): Point {
     const rect = this.canvas.getBoundingClientRect();
 
+    const dpr = Math.max(window.devicePixelRatio || 1, 1);
+    const zoom =
+      this.canvas.width && rect.width
+        ? this.canvas.width / rect.width / dpr
+        : 1;
+
     return new Point(
-      x - rect.left,
-      y - rect.top,
+      x - rect.left * zoom,
+      y - rect.top * zoom,
       pressure,
       new Date().getTime(),
     );