Adding Height to Image for Subtitle

Question

i want to add an additonal height to an Image to give it a subtitle. I do not want to "compres" or resize my original image. I want to keep it's size and add +40 px to its height on bottom and add a text like this example

The red part is the original image. The blue part is my addition.

I tried this code but my text appears "outside" the image i think.

Image image = Image.FromFile("D:\\my_sample_image.jpg");
// Create graphics from image
Graphics graphics = Graphics.FromImage(image);
// Create font
Font font = new Font("Times New Roman", 42.0f);
// Create text position
PointF point = new PointF(150, image.Height+40);
// Draw text
graphics.DrawString("Watermark", font, Brushes.Red, point);
// Save image
image.Save("D:\\my_sample_output.jpg");
MessageBox.Show("FINISHED");
// Open generated image file in default image viewer installed in Windows
Process.Start("D:\\my_sample_output.jpg");

corylulu · Accepted Answer · 2012-10-08T18:09:42.090

6

Make a new Bitmap, create a Graphics out of it, then draw the old image with room for text at the bottom.

Bitmap image = new Bitmap("path/resource");
Bitmap newImage = new Bitmap(image.Width, image.Height + 40);
using (Graphics g = Graphics.FromImage(newImage))
{
      // Draw base image
      Rectangle rect = new Rectangle(0, 0, image.Width, image.Height); 
      g.DrawImageUnscaledAndClipped(image, rect);
      //Fill undrawn area
      g.FillRectangle(new SolidBrush(Color.Black), 0, image.Height, newImage.Width, 40);
      // Create font
      Font font = new Font("Times New Roman", 22.0f);
      // Create text position (play with positioning)
      PointF point = new PointF(0, image.Height);
      // Draw text
      g.DrawString("Watermark", font, Brushes.Red, point);
 }

edited Oct 08 '12 at 18:09

answered Oct 08 '12 at 17:17

corylulu

3,449
1
19
35

my output image still looks same like the input image. – pila Oct 08 '12 at 17:28
I apologize, try using DrawImageUnscaled() rather than DrawImage. – corylulu Oct 08 '12 at 17:32
Sorry it doesnt work. There does not change anything. i do not even see the text. i changed first line to: Image image = Image.FromFile("D:\\my_sample_image.jpg"); – pila Oct 08 '12 at 17:39
Sorry, just tested, I made edits. this should work. The text was just positioned incorrectly. – corylulu Oct 08 '12 at 17:39
Works! but the image is *scaled* up – pila Oct 08 '12 at 17:43
My actual code: http://pastie.org/private/j3mkogkyahaglxcimwujq But quality is not as fine as the original image. – pila Oct 08 '12 at 17:44
Interesting, That didn't happen on my end. How is it scaled up? From what size to what size? – corylulu Oct 08 '12 at 17:46
The actual size is correct. but the image seems like it is "zoomed" – pila Oct 08 '12 at 17:53
g.DrawImageUnscaledAndClipped did it ! – pila Oct 08 '12 at 18:01
Correct code: Rectangle rec = new Rectangle(0, 0, image.Width, image.Height); g.DrawImageUnscaledAndClipped(image, rec); – pila Oct 08 '12 at 18:07
Great, I updated the code for people looking for this in the future. Good luck on the rest of your code. – corylulu Oct 08 '12 at 18:10

score 0 · Answer 2 · edited Sep 23 '15 at 08:59

public Image addSubtitleToImage(string path, int height, string title)
{
    Bitmap image = new Bitmap(path);
    Bitmap newImage = new Bitmap(image.Width, image.Height + height);
    using (Graphics g = Graphics.FromImage(newImage))
    {
        g.FillRectangle(new SolidBrush(Color.Black), new Rectangle(0, 0,   newImage.Width, newImage.Height));
        g.DrawImage(image, new Rectangle(0, 0, image.Width, image.Height));

        Font font = new Font("Tahoma", 30.0f);
        g.DrawString(title, font, Brushes.White, new PointF(image.Width/2 , image.Height+));

    }
    return newImage;
}

Pls explain your code ab bit -> no code only answers – danopz Sep 23 '15 at 08:33 — danopz, Sep 23 '15 at 08:33

Adding Height to Image for Subtitle

2 Answers2