1

tengo el siguiente codigo que lo que hace es tomar una fotografia de una aplicacion creada con cordova javascript:

function cameraApp() {

        console.log("Tomar foto")
        navigator.camera.getPicture(onSuccess, onFail, {
            quality: 100,
            saveToPhotoAlbum: true,
            destinationType: Camera.DestinationType.DATA_URL
        });
        function onSuccess(imageData) {
            var image = document.getElementById('myImage');
            image.src = "data:image/jpeg;base64," + imageData;
            imagenenbytes = imageData.toString();
        }
        function onFail(message) {
            alert('Fallo: ' + message);
        }

    };

lo que quiero hacer es reducir el tamaño de la fotografia recien tomada de manera que tenga un tamaño menor a 1 mb.

en este caso aqui tengo una funcion en la cual pregunto el tamaño de la imagen obtenida pero como debo proceder para poder reducir el tamaño de la misma?

function comprimirImagen() 
    {
        if (imagenenbytes.length < 100000)
        {
            const porcentajedereduccion = 1000000 / imagenenbytes.length;

        }
    }
8
  • Reduce el valor de quality. Por ejemplo, cambia 100 a 90. Además, parece necesario indicar el ancho final y el alto final mediante las propiedades targetWidth y targetHeight. Por ejemplo:quality: 80, targetWidth: 150, targetHeight: 100,
    – user274605
    Commented el 1 abr. 2022 a las 13:33
  • donde agrego eso? Commented el 1 abr. 2022 a las 13:35
  • En navigator.camera.getPicture(on success, on fail, { AQUI INCLUYES TUS NUEVAS PROPIEDADES }
    – user274605
    Commented el 1 abr. 2022 a las 13:38
  • en este caso si se me redujo el tamaño de la imagen pero no quiero reducirla mas de lo necesario Commented el 1 abr. 2022 a las 13:52
  • Entonces, hay 2 opciones. Primera opción, probar un valor menor que 100 para la propiedad quality hasta obtener un resultado decente. Segunda opción es usar una librería de JavaScript que se encarga de manipular imágenes. Por ejemplo, CompressJS
    – user274605
    Commented el 1 abr. 2022 a las 14:00

0

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

Examina otras preguntas con la etiqueta o formula tu propia pregunta.