@ayoub1/photofilter v1.0.0

Projet-D-veloppement-Multim-dia

’un module permettant de capturer la photo de l’utilisateur pour pouvoir l’ajouter à son profile. Ce module sera utilisable dans les applications Web, Mobiles hybrides et Desktop basées sur les technologies WEB.

1. L’utilisateur appuie sur le bouton « photo »

2. On affiche l’interface qui contient une « vidéo » et le bouton « capturer ». La vidéo affiche la sortie de la caméra de l’utilisateur. Si le dispositif de l’utilisateur n’a pas de caméra, on affiche et on démarre une petite video en boucle.

3. Quand l’utilisateur appuie sur le bouton « capturer », on affiche un compte à rebour (Count down) de 3 secondes au terme duquel on capture l’image. (On l’affiche)

4. un ensemble de boutons permettant d’ajuster les réglages de l’image capturée. Un bouton « enregistrer » permettra l’enregistrement de l’image finalisée.

function filter() {

var computedFilters = '';
var r = document.querySelectorAll('input[type=range]');
r.forEach(function(item, index){
    computedFilters += item.getAttribute('data-filter') + '(' + item.value + item.getAttribute('data-scale') + ') ';

});

imcanvas.filter = computedFilters;
//imcanvas.filter="contrast(240%)";
imcanvas.drawImage(imgg1, 0, 0, canvas.width, canvas.height);
  

}

5. Ajouter un dispositif de recadrage de l’image capturée :