creating an image component. merging images.

Hi all,

Im in the process of creating an image component for use on an asp server. What I wanted to know if what is the best way to load two files and then merge them together, ie i load a canvas (what should i use for the canvas) and then load one file and "paste" it onto the canvas, then load a second file and "paste" that one onto it.

Thing is im not really sure on what to use for the canvas, ie picturebox or image, and about the pasting of the second images to it. (i assume you use bitblit or something like that)

Any way any help would be appreciated, i have searched around a bit for some other posts on similar stuff to this but couldnt really work out what the best way of doing this was.

I dont know if this is what you are after, but heres a program i made some time ago....

there is a faster way to do this with api....
dont remember how right now....think its called AlphaBlend
you can check it out on www.allapi.net

hmm, i dont really want to blend the two pictures, more paste one on the canvas and then paste the next picture somewhere else on the canvas (which could include over the top of the first picture)

Using a Picturebox for the canvas and the BitBlt API should cover all of your bases. Look up the BitBlt API over at allapi.net. After you've gained a solid understanding, you'll need to realise a few things to get it to work.

1. If anything (source or destination) is going to be invisible during the BitBlt call, it must have it's AutoRedraw property set to true (Picturebox).
2. If AutoRedraw is set to true on the destination, issuing a .Refresh on the destination picturebox will make its contents visible once more.

If you can't seem to get your head around it, I can get myself out of Linux and write you up an example.

Ill take a crack at it and if I get stuck I'll let you know, thanks for the help.

ok i know its probably something stupid but i keep getting a object variable or with block variable not set error whenever i try and use a picture box. i cant work out what ive done wrong :(

Dim Canvas As PictureBox

.....

Canvas.Width = strtemp
Canvas.Height = 9

The error occures on the line canvas.width....

I'm not sure what you're trying to do here - are you assigning a string to the numeric width? If so, that obviously will not work.

um no, bit of an undescriptive variable name :D but its an integer

basically when ever i try an access anything in any of my picture box variables they bring up the error.

to put things in perepective, im creating an asp component which will be used to create an image that is made up of x number of smaller image. its for a page counter.

Yikes. This'll be a bit harder. I'm off to bed now, but tomorrow, I can show you how to "dive deep" into the GDI32 API... Wow I sound stupid, huh? :) Anyway, I'll show you about device contexts, how to make offscreen device contexts (a device context is simply a pointer to a graphical area), and how to merge images, etc. All using the API...

But it's late. If you want, you can look up all of those things yourself (bitblt, offscreen dcs, etc.) and try to make them fit... I dunno if I'm making any sense, I'm too tired! :D

So, g'night.

Yeah that would be cool. If anyone knows of any examples on this sorta stuff that would be cool. Kinda disapointed in whats happend to vbworld's site, was good unitll they merged :rolleyes:

Merry Chirstmas and happy new year to all .

Im still no closer to solving this damn problem, would be great if i could get some examples on how i can solve this (see 2-3 posts up) or if someone can explain how to join two pictures together and save the result, all in memory seeing as this is going to be an asp component.

Okay. I wasn't able to respond before but I can now. Here's what I was going to tell you:

VB Code:

'// How to use BitBlt
Dim RC '// RC stands for Return Code. 
'// Usually it doesn't matter (we can just throw it away), but it's useful if it doesn't work!
 
'// Prototype
'// RC = BitBlt([i]Destination[/i], [i]X Value (horizontal)[/i], [i]Y Value (vertical)[/i], [i]Width[/i], [i]Height[/i], [i]Source[/i], [i]X Value of Source (where to start getting data from horizontally), [i]Y Value of Source (where to start getting data from vertically)[/i], [i]How to Copy[/i])
 
'// Source and Destination are found by using the .hDC properties of pictureboxes, or just by offscreen device contexts (that's what DC stands for, the h stands for a handle, so it's a handle to a device context).
 
'// All Width, Y, X, etc. properties are in PIXELS. Remember to set your picturebox's ScaleMode property to 3 (pixels).
 
'// How to Copy: There are pre-defined constants starting with VB5 (I think) for the copy modes: SrcCopy (copy source bits to destination), SrcAnd (AND source bits with destination), SrcPaint, etc. SrcCopy is used for normal blits, SrcAnd/SrcPaint/MergePaint are used for transparent blitting (eg. mask is used to determine transparency).
 
'// Now, let's use this:
 
RC = BitBlt(PicOut.hDC, 0, 0, 200, 200, PicIn(0).hDC, 0, 0, vbSrcCopy)
 
'// This copies PicIn(0) onto PicOut at (0, 0) with a width and height of both 200 (you can also use PicIn(0).ScaleWidth, PicIn(0).ScaleHeight, etc.). It also uses the COPY constant to make the bits there equal the bits on the source (ex. no transformation).
 
'// You can also use AutoRedraw = True on all of the pictureboxes, and make them invisible.
 
With PicOut
    .AutoRedraw = True
    .Visible = False
End With
 
With PicIn(0)
    .AutoRedraw = True
    .Visible = False
End With
 
RC = BitBlt(PicOut.hDC, 0, 0, 200, 200, PicIn(0).hDC, 0, 0, vbSrcCopy)
 
[b]PicOut.Refresh[/b]
 
'// You must use ***.Refresh to actually update the screen with the new picture. This allows games that use BitBlt (or other GDI calls) to wait until a monitor sync to draw, and also to make flicker-free drawing. If you didn't have autoredraw, you'd see the screen clearing and everything being drawn. With this you can make it show only when everything's already drawn.

Next post I'll show how to use OffScreen DCs! Make sure to use the API Viewer to get the BitBlt API Declaration, as well.

VB Code:

'// How to use DCs
'// A DC (put very simply) is a reference to where in memory a picture is stored. Generally, to make a DC, you can do the following:
 
Dim lngDC '// Handle to newly created device context
Dim lngOldBitmap '// Handle to old image, needed to prevent memory leaks
Dim lngBitmap '// Handle to bitmap with newly loaded image
Dim lngDesk '// Handle to desktop's DC
Dim strImagePath '// Path to image you want loaded
 
'// Get Desktop's DC (we need to make this one compatible with the screen [ex. same colour depth])
lngDesk = GetDC(GetDesktopWindow)
 
'// Create a new DC compatible with the desktop's
lngDC = CreateCompatibleDC(DeskDC)
 
'// Load the image
lngBitmap = LoadImage(App.hInstance, strImagePath, IMAGE_BITMAP, 0, 0, LR_LOADFROMFILE)
 
'// Put it into the Device Context
lngOldBitmap = SelectObject(lngDC, lngBitmap)
 
'// Let other apps use the desktop's DC
Call ReleaseDC(lngDesk, GetDesktopWindow)

Hey great, thanks heaps for that... now how does it all tie together? :confused: (dont say string :D )
as in do i need to use DC's seeing as this is going to be an asp component?

Here's what you might do. After you get the user's input (say, two files that are uploaded), run the component. It loads the two images in the same directory (image1.bmp and image2.bmp), and outputs image3.bmp. You create two DCs and load image1 and image2. Then you create a 3rd DC, use BitBlt to transfer both images on. Then, save this 3rd DC to a file (this is the only part I'm unsure of). You can be crafty and use this module called "freeimage" which can save to a variety of formats (png, jpg, gif, tiff, etc.)


I just forget where I got it from!

Ok im not quite sure on these dc thingys. (if you know of any good tuts on them its might save you explaining to me, ive had a search but cant find much on the topic)

One question tho, you say i should create three dc's (which i understand) and your example gets the dc of the desktop, does it have to be a dc of the desktop? and would that be the desktop of the client computer(browser) or of the server?

hmm in regards to saving i didnt really want to have to load more than one dll onto the server, (however if thats gona be a problem i guess thats all i can do) seeing as i dont own/admin the server, and am going to have to convince my hosting company to install it :D hehe

btw thanks for all your help on this.

Well, once you run that DC function, you've got the DC (lngDC) that holds the image. If you aren't very graphics-minded, you can simply think of it as an image. Plain as that.

We load the desktop DC because it's guaranteed to be there. We need to set the DC's memory to be in the same format as the computer is currently using (pixel format [like bit depth], DPI, etc).

And finally, that would be of the server (because that's where the component runs). And, this can be only 1 DLL.

Hey I havent had much time to look at this (heaps of work atm :( ) but now that ive come back to it, i get errors. It cant find the GetDC function in the DC code.

GetDC is a Win32 API call! :)

hmmmmm, I think I have just found what im looking for. This is all done in asp code (no component required:eek:!) Including saving the file in gif format.

http://users.bigpond.net.au/mrjolly/

(go to aspcanvas)