Recadrer ou masquer une image dans un cercle

Quelle est la meilleure façon de recadrer ou de masquer une image dans une forme circulaire, en utilisant ImageMagick ou GD bibliothèques? (Remarque, la solution existe des "autres" Q&Un des sites, mais pas StackOverflow)

source d'informationauteur pix0r

  1. 49

    Voici une façon de ImageMagick qui va accomplir cela sans l'aide d'un masque:

    convert -size 200x200 xc:none -fill walter.jpg -draw "circle 100,100 100,1" circle_thumb.png

    Recadrer ou masquer une image dans un cercle
    Recadrer ou masquer une image dans un cercle

  2. 2

    Pour ceux qui en ont besoin pour ce faire dans le plus pur PHP à l'aide de Imagickvous devez vous référer à cette question : circulariser une image avec imagick

    Espère que cela aidera.

    J.

  3. 2

    Pour ceux qui recherchent une solution en PHP, en fournissant de l'image recadrée dans un cercle:

    //convert the picture
    $w = 640;  $h=480; //original size
    $original_path="/location/of/your/original-picture.jpg";
    $dest_path="/location/of/your/picture-crop-transp.png";
    $src = imagecreatefromstring(file_get_contents($original_path));
    $newpic = imagecreatetruecolor($w,$h);
    imagealphablending($newpic,false);
    $transparent = imagecolorallocatealpha($newpic, 0, 0, 0, 127);
    $r=$w/2;
    for($x=0;$x<$w;$x++)
        for($y=0;$y<$h;$y++){
            $c = imagecolorat($src,$x,$y);
            $_x = $x - $w/2;
            $_y = $y - $h/2;
            if((($_x*$_x) + ($_y*$_y)) < ($r*$r)){
                imagesetpixel($newpic,$x,$y,$c);
            }else{
                imagesetpixel($newpic,$x,$y,$transparent);
            }
        }
    imagesavealpha($newpic, true);
    imagepng($newpic, $dest_path);
    imagedestroy($newpic);
    imagedestroy($src);
  4. 0

    Pour ceux qui veulent un node/js en fonction de la solution, vous pouvez créer une circulaire de la récolte au coordonnées spécifiées à l'aide de nœud-gm comme ceci:

    gm(original)
   .crop(233, 233,29,26)
   .resize(size, size)
   .write(output, function(err) {
      gm(size, size, 'none')
         .fill(output)
         .drawCircle(size/2,size/2, size/2, 0)
         .write(output, function(err) {
            console.log(err || 'done');
         });
    });

    Vous pouvez utiliser une lib comme JCrop (démo) pour permettre à l'utilisateur de recadrer l'image sur le front-end et de passer les coordonnées (w,h,x,y) dans la récolte().