Я пытаюсь использовать и отслеживать маркер, используемый в QR-коде, и когда маркер фиксируется камерой, он показывает изображение сверху. Мой код может распознать маркер и отобразить изображение, но изображение сплющено и показывает только тонкую линию, хотя я установил ширину и высоту на 4 (метры). Ниже мой исходный код и скриншот того, как изображение в настоящее время отображается на камере. Я обвел красным линию, соответствующую изображению на камере.
<!-- we add detectionMode and matrixCodeType to tell AR.js to recognize barcode markers --> <a-scene embedded="" vr-mode-ui="enabled: false" arjs="sourceType: webcam; debugUIEnabled: false; detectionMode: mono_and_matrix; matrixCodeType: 3x3;"> <a-assets> <a-asset-item id="animated-asset" src="https://raw.githubusercontent.com/nicolocarpignoli/nicolocarpignoli.github.io/master/ar-playground/models/CesiumMan.gltf"></a-asset-item> </a-assets> <a-marker type="barcode" value="7"> <a-image src="https://ewouk.com.au/wp-content/uploads/2020/04/cropped-Screen-Shot-2020-04-10-at-12.48.46-pm.png" width="4" height="4"></a-image> </a-marker> <a-marker id="animated-marker" type="barcode" value="6"> <a-entity animation-mixer="" gltf-model="#animated-asset" scale="2 2 2"> </a-entity> </a-marker> <a-entity camera=""></a-entity> </a-scene>
Снимок экрана:
Думаю, вам нужно повернуть изображение (что-то вроде <a-image rotation="90 0 0" ...).
<a-image rotation="90 0 0" ...)