fix(barcode-scanning): incorrect coordinate calculation on iOS

[robingenz]

Pull request checklist

Please check if your PR fulfills the following requirements:

• The changes have been tested successfully.
• A changeset has been created (npm run changeset).
• I have read and followed the pull request guidelines.

[robingenz]

npm i @capacitor-mlkit/[email protected]

[robingenz]

Android:

• Viewport Width: 412
• Viewport Height: 840
• Screen Width: 1080
• Screen Height: 2205
• Image Width: 640
• Image Height: 480
• Scale = 3.4453125
• window.devicePixelRatio = 2.625

iOS:

• Viewport Width: 390
• Viewport Height: 844
• Potrait:
  • Screen Width: 390
  • Screen Height: 844
  • Image Width: 1280
  • Image Height: 720
  • Invisible Width: 84.75
  • Invisible Height: 0
• Landscape:
  • Screen Width: 844
  • Screen Height: 390
  • Image Width: 1280
  • Image Height: 720
  • Invisible Width: 0
  • Invisible Height: 84.75
• Scale: 3
• window.devicePixelRatio = 3

Viewport Width: Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0)
Viewport Height: Math.max(document.documentElement.clientHeight || 0, window.innerHeight || 0)

Attention:

• In Potrait mode: First corner point top right
• In landscape mode: First corner point top left
• On iOS, the coordinates only need to be scaled so that it is consistent as on Android