Angular directive
pxlView source
- Element
Add an augmented reality view to your Ionic app.
Notice: You should minimize the number of AR view included into your app to the minimum as this is CPU resource intensive. You should also avoid having two AR views visible at the same time as this will create unexpected behaviors.
Warning: This view has to be inside an ion-view element whose background has been set to transparent. Failing to do so will make the AR view invisible.
Parameters
| Name | Type | Description |
|---|---|---|
| $timeout | service |
Angular $timeout service |
| $ionicPosition | service |
Ionic $ionicPosition service |
| $ionicPlatform | service |
Ionic $ionicPlatform service |
| $ionicBackdrop | service |
Ionic $ionicBackdrop service |
Example
<ion-view view-title="AR" style="background-color: transparent !important;">
<pxl-view>
<!-- Any overlay you want -->
</pxl-view>
</ion-view>