IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Bibliothèques & Frameworks Discussion :

Crop Image With Preview


Sujet :

Bibliothèques & Frameworks

  1. #1
    Membre actif
    Profil pro
    Inscrit en
    Avril 2005
    Messages
    818
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : France, Drôme (Rhône Alpes)

    Informations forums :
    Inscription : Avril 2005
    Messages : 818
    Points : 288
    Points
    288
    Par défaut Crop Image With Preview
    Bonjour,

    Je voudrais afficher seulement une partie d'une image en javascript...
    En gros, avec les coordonnées du coin haut gauche de la zone et sa largeur et sa hauteur...

    Comment faire?

    J'ai trouvé un script qui me parait proche de ce que je veux faire:http://www.defusion.org.uk/demos/060...bmit=Load+demo

    Sauf qu'au lieu de déplacer le carré pour avoir un preview de la zone croppé, je veux passer en argument d'une fonction js les coordonnées, et la taille de la zone, pour que seulement la partie que je souhaite obtenir de l'image apparaisse...

    Une idée?

    Parce que là je sais pas trop comment m'y prendre...

  2. #2
    Membre actif
    Profil pro
    Inscrit en
    Avril 2005
    Messages
    818
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : France, Drôme (Rhône Alpes)

    Informations forums :
    Inscription : Avril 2005
    Messages : 818
    Points : 288
    Points
    288
    Par défaut
    J'ai peut être une piste...

    Comment interpreter ce code?
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
    var ratio = 5; // ratio taille thumbnail / taille image
    var thumb_x = 100; // largeur thumbnail
    var thumb_y = 119; // hauteur thumbnail
    image_x = (xcoord*ratio)-Math.round(thumb_x/2);
    image_y = (ycoord*ratio)-Math.round(thumb_y/2);
     
    big_image.style.background = "black url(img_big.jpg) no-repeat scroll -"+image_x+"px -"+image_y+"px";
    Que fait la ligne qui modifie le background avec les valeurs image_x et image_y?

Discussions similaires

  1. crop image rotate
    Par yabbiyou dans le forum Images
    Réponses: 6
    Dernier message: 23/08/2012, 19h47
  2. Scale et crop d'une preview Camera
    Par fazermokeur dans le forum Android
    Réponses: 2
    Dernier message: 08/02/2012, 16h27
  3. Récupérer l'image de preview d'une vidéo
    Par Baptiste Wicht dans le forum Graphisme
    Réponses: 6
    Dernier message: 25/01/2010, 15h53
  4. centre page/image with css
    Par danick dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 12/04/2007, 09h52

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo