Magick.net combine 2 images with a blur background

[stealthrt]

Hey all I have this image here that's 489x508:



and the box where I need to put that image is sized 400x300:



So I resize the image to 0, 300 so the height matches the box height (which is not correct):



Then I try to add the second image on top of that one (again, did not come out correct):



But what I am wanting to do is fill in the exposed background area(s) that are just a plan color (which is white in this example) with the original image with it blurred like so:



What would be the code below need modified in order to do that using the Magick.net C#?

My code:

Code: Select all

    stream = getPic.OpenRead(new Uri(@"C:\Users\David\Pictures\YnTf9.png"));
    Bitmap bitmap1 = new Bitmap(stream);
    stream = getPic.OpenRead(new Uri(@"C:\Users\David\Pictures\YnTf9.png"));
    Bitmap bitmap2 = new Bitmap(stream);
    
    using (MagickImageCollection images = new MagickImageCollection())
    {
         // Add the first image
         MagickImage first = new MagickImage(bitmap1);
         first.Crop(400, 300);
         first.Blur(0, 10);
         images.Add(first);
    
         // Add the second image
         MagickImage second = new MagickImage(bitmap2);
         second.Crop(0, 300, Gravity.Center);
         images.Add(second);
    
         // Create a mosaic from both images
         using (IMagickImage result = images.Mosaic())
         {
             // Save the result
             result.Resize(400, 300);
             result.Write(@"C:\Users\David\Pictures\TEST.png");
         }
    }
    

[fmw42]

In command line, I would do the following:


# line 1: read the input
# line 2: copy the input, blur and crop the middle to 400x300
# line 3: copy the input, and resize to 300x300
# line 4: delete the input
# line 5: composite the resized image over the blurred and cropped image in the middle
# line 6: write the output

Code: Select all

convert YnTf9.png \
\( -clone 0 -blur 0x5 -gravity center -crop 400x300+0+0 +repage \) \
\( -clone 0 -resize 300x300 \) \
-delete 0 \
-gravity center -compose over -composite \
result.png

[stealthrt]

Fred: thanks for that but why are you resizing it to 300x300? I would not know what to resize it too in my original code so that’s one thing I won’t be able to do automatically like I am looking to do? The height is the only thing I will know to do and that’s why I used 0, 300 in my code.

[fmw42]

I resized it that way, so it looked like your result. Perhaps you can explain better what you want to do.

This does the same for this image. Perhaps this is what you want. It resizes only according to the height and does the width so as to preserve aspect ratio.

Code: Select all

convert YnTf9.png \
\( -clone 0 -blur 0x5 -gravity center -crop 400x300+0+0 +repage \) \
\( -clone 0 -resize x300 \) \
-delete 0 \
-gravity center -compose over -composite \
result.png

[stealthrt]

Yes your last post is exactly how i needed it! Thanks!

Now to translate this command line into C#...

[fmw42]

See https://stackoverflow.com/questions/492 ... 0#49202069 for the Magick.NET code.