Добавить пользовательскую строку в предварительный просмотр камеры и сохранить изображение со строкой на изображении - PullRequest
Новая
       35

Добавить пользовательскую строку в предварительный просмотр камеры и сохранить изображение со строкой на изображении

0 голосов
/ 23 апреля 2019

Я добавил ionic-native / camera-preview для моего приложения ionic3, у меня есть предварительный просмотр камеры, работающий с возможностью сохранения изображения, но теперь я хочу добавить пользовательскую строку в предварительный просмотр камеры, такую ​​как lat, lon или timestamp & save image с этой строкой

Я попытался наложить строку при предварительном просмотре камеры с помощью css, но она не сохранит изображение со строкой.

это то, что у меня есть 

import { CameraPreview, CameraPreviewPictureOptions, CameraPreviewOptions, CameraPreviewDimensions } from '@ionic-native/camera-preview';

export class HomePage {

constructor(public navCtrl: NavController,private camera: Camera,private cameraPreview: CameraPreview,private platform:Platform) {

    this.platform.ready().then( () => {

        const cameraPreviewOpts: CameraPreviewOptions = {
            x: 0,
            y: 0,
            width: window.screen.width,
            height: window.screen.height,
            camera: 'rear',
            tapPhoto: true,
            previewDrag: true,
            toBack: true,
            alpha: 1
        };

        this.cameraPreview.startCamera(cameraPreviewOpts).then( (res) => {
            console.log(res)
        },
        (err) => {
            console.log(err)
        });
    })

}
base64Image

takePicturePreview(){
    // picture options
    const pictureOpts: CameraPreviewPictureOptions = {
        width: 1280,
        height: 1280,
        quality: 85
    }

    // take a picture
    this.cameraPreview.takePicture(pictureOpts).then((imageData) => {
        console.log(imageData);
    });
}

takePicture(){
    const options: CameraOptions = {
        quality: 100,
        destinationType: this.camera.DestinationType.FILE_URI,
        encodingType: this.camera.EncodingType.JPEG,
        mediaType: this.camera.MediaType.PICTURE
    }



    this.camera.getPicture(options).then((imageData) => {
        // imageData is either a base64 encoded string or a file URI
        // If it's base64 (DATA_URL):
        this.base64Image = imageData;
    }, (err) => {
        // Handle error
        console.log(err);
    });
}

 }

Я хочу показать лат, долготу и метку времени при предварительном просмотре камеры и сохранить изображение с этой строкой на изображении

...