Comments on: Flex Paint – Flex Display Object to PNG

By: James Ward

James Ward — Sat, 10 Apr 2010 14:04:46 +0000

@santhosh You can just wrap it inside a scrollable container. Check out the new version where this would be much easier.

By: santhosh

santhosh — Sat, 10 Apr 2010 11:03:46 +0000

Do you have a idea how to make the drawing board with scrollable.

By: James Ward

James Ward — Mon, 22 Mar 2010 19:31:05 +0000

I’ve created a new version of Flex Paint with Flex 4.

By: James Ward

James Ward — Thu, 07 Jan 2010 17:54:18 +0000

@Gene I haven’t tried this with large images. Without some code to play with it’s hard to say what the best approach is.

By: Gene

Gene — Thu, 07 Jan 2010 17:41:28 +0000

I am working on a project that has a similar feature but with one difference. I have a “paint” like feature but it also has the ability to import images and then they can draw and add text similar to your example above, but then the entire contents of the “paint palette” are saved as a new image. The issue is that the images that I am dealing with are very large ( like over 200 megs ) and the only thing that seems to make sense is to convert the image to a smaller size while in the paint pallette. We use a similar technique to save the image, but the issue is that when the new saved image is blown up it looks pixelated ( I am guessing this is because the imported 200 meg file lost some resolution when being converted to a smaller size, but this is the only way to make it look good in the pallette ). Any suggestions AT ALL would be so greatly appreciated. The end “saved” image needs to be able to be blown up LARGE ( like the size of a billboard large). PLEASE PLEASE PLEASE HELP!!!!!

By: James Ward

James Ward — Mon, 31 Aug 2009 22:13:40 +0000

Hi yugandhar,

You need to move the processing of the bitmaps across frames. The spinner never gets a chance to spin if you do everything in a single frame. You can process one, then do a callLater that processes the next one and so on. Let me know if that helps.

-James

By: yugandhar

yugandhar — Sat, 29 Aug 2009 06:49:04 +0000

hi
james nice work and clear example

but my application have multiple bitmaps, need to save into server
while encoding the bitmaps am playing spinner(then the entire appliction strucking spinner(loading inditcator)is not playing)

my requriement is need to play sppinner while saving the mutiple bitmaps…
can you help me out….

thank you
yugandhar.

By: James Ward

James Ward — Wed, 17 Jun 2009 00:17:43 +0000

Wow Greg! Great work! Thanks for posting the details here.

By: Greg Baker

Greg Baker — Tue, 16 Jun 2009 21:47:12 +0000

Hey James, thanks for the reply. I changed some of the code and figured I’d post my methods back here since so many people read this blog.

1) in the mousedown event handler I added a stage event handler for mouse up. In the stage mouse up handler I simply remove the handler and set drawing=false. This fixed the problem where if you release the mouse outside of the canvas it keeps drawing inside the canvas.

2) As per your advice, in the mouse out handler I de-register the mouse move handler and in the mouse over handler I re-register the mouse move handler and reset the x & y coordinates. This makes the line pick up from the point it reenters the canvas.

3) I added a brush size slider and subsequently had to add a mask to the canvas so when the bigger brush sizes are close to the edge they didn’t bleed outside.

4) In the mouse down handler I draw a filled circle at the point of the mouse click so you can add points by just clicking on the canvas (no need to drag the mouse).

Thanks again for the great post, it has been a wonderful help.

By: James Ward

James Ward — Mon, 15 Jun 2009 23:32:11 +0000

Hi Greg,

You can catch a mouseOut event to handle that.

-James