Actionscript 3 :: Save An Image Of A Large Flex Component (EX: 25000px By 3000px @ 72dpi)
Jul 28, 2011
My application consists of displaying a large custom tree like structure to the user that can eventually grow to massive proportions like the dimensions listed in the question. I allow them to export the image with the following line of code tied to a button click event:
var image:ImageSnapshot = ImageSnapshot.captureImage(this, 72, new PNGEncoder(), false);
I've managed to export images close to the dimensions listed but around there it start to get the error message listed below after spinning for close to 15 seconds:
Error: Error #1000: The system is out of memory.
at flash.utils::ByteArray/writeBytes()
at mx.graphics::ImageSnapshot$/mergePixelRows()
[Code]....
Is the flashplayer plugin for my browser running out of memory? I noticed in my task manager it got up to about 1.2GB of memory usage(I have 4GB on my system). If that is the case is it possible to limit the memory usage for a given function like the ImageSnapshot.captureImage() call above?
Is there maybe a way to generate the component into 2 or 4 ImageSnapshot objects and piece them together afterward?
I'm trying to read the width and height of a locally loaded image. This seems to work for images that do not exceed the dimensions limited by the Flash Player 10 [URL], but as soon as the images are bigger, the width and height remain 0. The strange thing is that now and then, I can read the dimension of these bigger images, but most of the times not. I understand that this might be because of the player limitation, but then I would at least expect the error to be consistent.
I want to check this since there is no use in loading such a big image as it will not be displayed anyway, but it would be good to provide a detailed error message to the user.
Here's the code that I use to load the image locally and read the dimension:
private function chooseImageButton_clickHandler(event:Event):void { var allowedTypes:String = "*.jpg;*.png"; m_uploadFileReference = new FileReference(); m_uploadFileReference.addEventListener(Event.SELECT,
In Flex, I am using graphics.codec.JPEGEncoder to save image files that are edited inside application (normal manipulations like brightness etc.) I am able to save files perfectly. What I want to know is that is there any way I can save the image with a better dpi? Say, for instance the image that is loaded and manipulated was originally of 72dpi, now can I save it with a dpi of 150 or 300 ? If so, how to do it.
Doesn't have to be using the JPEGEncoder, if there's any way to do it at all, like using any library etc, I am okay with it.
Note: If it matters, I am using Bitmapdata to store the image and manipulations and saving the image with JPEGEncoder by supplying it's data as bytearray like below.
var imageBytes:ByteArray = encoder.encode(myBitmapData);
I need the user of my Flex application to be able to save a snapshot of part of the UI to a local jpg file. I got the screenshot part down - can generate an image out of any given control. However, the only way I see to let the user save the image locally is to send to my server which would return it with the appropriate Content-Disposition.
I wrote these functions which I use in conjunction to scale down some BitmapData and save it as a PNG. However, the scaledImage.draw(originalImage, scalingMatrix, null, null, null, true); line with smoothing set to true does not have the intended smoothing effect when I save the bitmap data as a PNG using the second function. The resulting image file is not antialiased at all. Is there anything I'm doing wrong here?
public static function scaleImage(originalImage:BitmapData, size:int):BitmapData { // Calculate the scaled size.
I'm trying to put an image, generated from some text, in a RichEditableText. Since it's a styled text, I thought about putting it another RichEditableText, style it, then print it to a Bitmap to use as source for InlineGraphicsElement.I use the following code to do that
var txt:RichEditableText = new RichEditableText(); txt.text = name; // Appliy given styles to the text flow of input rich editable text
Im currently trying to work the imageSnapshot function in flex. Ive been looking hard but I cant seem to find a solution to my problem. I wish to take a screenshot of one of my components, to capture the final output of my program, since a plain "printscreen" cuts off some of the output due to it scrolling. My current code looks like -
<mx:ApplicationControlBar dock="true"> <mx:Button label="Take snapshot of Profile" click="takeSnapshot();" />
[Code]....
Now i think this is taking the image of the viewstack which I want... But Im stumped on what to do from here! Is it not possible to now just copy the image to the clipboard, or produce a new window in my browser with the entire image inside?
I'm looking for a simple Flex or JavaScript based image editing component which can be embedded in a web application. It shouldn't be a web service but rather a component that I can download and customize (i18n etc.).I only need some basic features: most important is cropping, optional features would be rotating and adjusting brightness/contrast
The project I'm working on requires older libraries that extend mx components (such as TitleWindow and TabNavigator), I can't use what I know about Spark skinning directly. However, since the project is being programmed using the default Spark theme (with my modifications on top) rather than the Halo theme, I apparently don't have access to the styles I need (namely backgroundImage and contentBackgroundImage which apparently require Halo to be active). Simply setting Halo to be the theme will break other things, not the least of which my own theme.
Plans are in the works to replace the older libraries or at least patch them better to Flex 4, but as of right now, I need a way to style/skin these components without modifying them directly. It would be ridiculous to be unable to add a background image to a TitleWindow's content area! I've searched the internet high and low all day and tried countless variations of styles, skins, selectors, and combinations thereof with no luck. How to add a background image to the content of a mx TitleWindow while using the Flex 4.1 sdk?!
In a component 'Group' I drag multiple pictures at one time I need to clean this component, but contains a component BitmapImage and I will not be erased:
enter code hereI am loading an external swf into an component. It loads everything fine and I can see buttons working in the swf, I can add a movieclip to the but I can't then access that movieclip (or don't know how), and it keeps telling me numChildren = null when I try to trace it out. This is set up as a custom component like this:
I have found something good here. [URL]..The mouseover effect on the list item is good. Any ideas to make this look.. I can infer that this is happening on mouseover of the Image Component. I think this is similar to google image search preview of images. If anyone have come across a component similar to this kindly share it to me and to all.
In AIR/AS3 Flex Mobile for Android project.How can I capture an "image" of whats visible on the view then just save that image as anything like jpg/pdf to the SD card?Basically a screenshot on Android using AS3.
Can we Bypass the save dialog box of FileRefernce.save()? If not, then Is there any workaround to save a file from web application in Flex without asking user where to save file?
i need to pan a large image. I didn�t used the kirupa example, because this was more what i was looking for. The problem is that a i need a close button so i can go back to the small image (unload it). Example:picture1.swf (contaings a medium size picture) when i click over it, goes to picture1_big.swf where i can pan the image.The problem is that if i put a close button it doesnt recognize it. Everything is made with AS.
I have a component "child" which has a cancel button. Now this component is placed in a state called "newChildComp" I also have another component called "parent". In the parent component, i have a button that dispatches an event. Here is the event code:
[Code].....
so, basically,i am checking to see if the cancel button component in the Child component, while i am still in the parent Compoent, was clicked, if it was clicked, call the cancelButtonHandler. The problem is by the time the addNewChild handles the event, that cancel button was still null. My question is how do i solve this without using the itemCreationPolicy on the cancel button?
I want to create a tile map and my fla is 600 x 400. Now I create 7x7 Sprites (Size 40x40) and I want them to be in the middle of the scene with text around (not in the map!). One way is do update the sprite containers, but this isn't "smoothly", I wanna scroll the content, when a new raw appears.
I am working on a project for a client, and our designer has created a very large (7000px wide by about 600px high) image, which is split up into several 'screens'. The image is one long continuous image, so can't really be 'chopped up'. There are left/right arrows on either side of the scene which, when clicked, go to the next screen and play a short animation (basic movieclip fades/movement etc) for that screen.
My problem is that the panning left and right is starting to get a bit jerky - most likely Flash not being able to cope with tweening such a large image. Is there an easy alternative to using tweens in this case? I'm using TweenLite (AS3). I am happy to provide an SFW/FLA, but only in private to an experienced developer, hope thats ok.
i am currently working with flash based fashion website. here i am uploading large image and thumbnail from xml. i also have menu navigation at top. my code structure is detail below:
[Code]...
my problem here is like i have home button with 5 thumbnail and handbags with 2 thumbnail when i click home button will display 5 thumb with large image and again when i click hangbags buttom it will display 2 thumb which is what i want but 5 home thumbs keeps on remain at back. dont know how to remove them upon new button click
I'm just starting out with Flash, I'm using ActionScript 2.0, and trying to acomplish something seemingly simple but it is not happening like I would think it should,'m trying to load a large image about 3000x2000 pixels and then mask it with a small square, so that later I can scroll through the image to view it.Here is the code I have so far, it produces a blank white screen.
createEmptyMovieClip("container", getNextHighestDepth()); container.createEmptyMovieClip("fullImage", container.getNextHighestDepth()); //When I replace the above line of code with the line of code bellow the image is displayed
i have 2 buttons and one large image. this image has about 10 product images inside of the clip.here is the idea...i want to click on the move left or move right button, clicking on the button will move the MC containing the Product Images to the left or right.the thing i am not getting is normally when i move stuff on the X-axis i have more than one button and attach the actions to each button. but i only have two buttons now. one for left and one for right. now i am confused.
after updating to the latest flash player version, i get this double image top and bottom with a large green line running halfway from right to left.the top image is identical to the bottom image.this only happens in ie and does not do this in firefox.after a few days of trying to fix it and couldnt, i loaded an image prior to the flash player update to fix it.this was fine until i had to upgade the flash player again.im not sure if im doing this right but here is a bmp file of what im trying to describe .http:[url]...i can always restore the image again prior to upgrade but i got the feeling this will came back again and the only way to fix it is to fix it right.
I'm doing photo gallery and like to enlarge an image when I click on it with some animation like it's in flash (the picture slowly expands first by x-axis and after by y-axis and the space around the picture dims), that it scales to it's largest possible size to fit in screen, but it can be any other animation. I found some topics about this, but I don't want to use any 3rd-party plugin (including flash, drupal...) to do it. Maybe it can be somehow done by jQuery...
I'm trying to tween a large image 6917x1500px. I'm moving the x,y and scaling this image. It's a jpeg, and the image really chuggs at certain sections. Has anyone tweened an object this large before? Should I be trying tween lite? I don't think that will work, because it just has less settings.
I coded a multiple file uploader using the FileReferenceList and PHP. It works great for me all the time on my Fios internet connection, which is by far faster then DSL, etc... So my issue kinda went unnoticed until I got on a DSL connection. Now, many of the files I was uploading seem to be timing out, but there is no indication of this. No errors, etc... just stops its progress and NEVER finishes. Tried bumping up the script execution time on the server
I've got a video I'd like people to be able to navigate away from in my project, but resume where it left off if they come back to it. I would think I could do this by just saving its current position when they exit that frame as a variable and then using .seek() to go back to that spot if/when they return.
The only problem is that I can't find any script to capture the current position. I tried .time, but it gives me an error.
