From 56f05e53c0358327be5b2bedaf5314900be7e734 Mon Sep 17 00:00:00 2001 From: lyzhang0113 Date: Fri, 11 Sep 2026 17:52:32 +0800 Subject: [PATCH 1/2] Use CameraView.getVideoElement() for the object-fit override Replaces the getUIElement() + querySelector('video') approach with the dedicated accessor, and points the link at its API reference. Co-Authored-By: Claude Opus 5 (1M context) --- .../web/camera/camera-preview-renders-incorrectly-ios.md | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/barcode-reader/web/camera/camera-preview-renders-incorrectly-ios.md b/barcode-reader/web/camera/camera-preview-renders-incorrectly-ios.md index 0b1e379..ac67e9d 100644 --- a/barcode-reader/web/camera/camera-preview-renders-incorrectly-ios.md +++ b/barcode-reader/web/camera/camera-preview-renders-incorrectly-ios.md @@ -60,11 +60,10 @@ The distortion requires `object-fit: fill` on the video element plus an ancestor } ``` -`!important` is needed because the SDK sets `object-fit` inline. The JavaScript equivalent, via [`CameraView.getUIElement()`](https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/user-guide/index.html#customizing-the-ui): +`!important` is needed because the SDK sets `object-fit` inline. The JavaScript equivalent, via [`CameraView.getVideoElement()`](https://www.dynamsoft.com/camera-enhancer/docs/web/programming/javascript/api-reference/cameraview.html?product=dbr&lang=javascript#getvideoelement): ```javascript -let cameraView = await Dynamsoft.DCE.CameraView.createInstance(); -let videoElement = cameraView.getUIElement().querySelector('video'); +let videoElement = cameraView.getVideoElement(); videoElement?.style.setProperty('object-fit', 'cover', 'important'); ``` From 6b8fac58fa10466b9c10cc9f3c80435f91ded759 Mon Sep 17 00:00:00 2001 From: lyzhang0113 Date: Fri, 11 Sep 2026 18:02:31 +0800 Subject: [PATCH 2/2] Lowercase the getVideoElement link text It's an instance method, so it follows the repo's instance-call style (scanner.show, cameraEnhancer.open) rather than the static style used for LicenseManager.initLicense. Co-Authored-By: Claude Opus 5 (1M context) --- .../web/camera/camera-preview-renders-incorrectly-ios.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/barcode-reader/web/camera/camera-preview-renders-incorrectly-ios.md b/barcode-reader/web/camera/camera-preview-renders-incorrectly-ios.md index ac67e9d..4779519 100644 --- a/barcode-reader/web/camera/camera-preview-renders-incorrectly-ios.md +++ b/barcode-reader/web/camera/camera-preview-renders-incorrectly-ios.md @@ -60,7 +60,7 @@ The distortion requires `object-fit: fill` on the video element plus an ancestor } ``` -`!important` is needed because the SDK sets `object-fit` inline. The JavaScript equivalent, via [`CameraView.getVideoElement()`](https://www.dynamsoft.com/camera-enhancer/docs/web/programming/javascript/api-reference/cameraview.html?product=dbr&lang=javascript#getvideoelement): +`!important` is needed because the SDK sets `object-fit` inline. The JavaScript equivalent, via [`cameraView.getVideoElement()`](https://www.dynamsoft.com/camera-enhancer/docs/web/programming/javascript/api-reference/cameraview.html?product=dbr&lang=javascript#getvideoelement): ```javascript let videoElement = cameraView.getVideoElement();