Actionscript 3 :: Displaying Huge - Scrollable Graphics In Flex - Part 2: BitmapData Into An Image?
Aug 6, 2009
I have the code to copy parts of a huge loaded BitmapData to a target BitmapData that is just the size that I can display. I think I have set the scroll bars of an enclosing Canvas to show the size of the larger image and allow the user to scroll. Now I need to put the selected pixels on the screen. When I try to add a Bitmap component as a child of the Canvas, it get an error because Bitmap is not a UIComponent. What's the best way to put the target BitmapData into an Image component?
View 1 Replies
Similar Posts:
Jul 31, 2009
I'm trying to show image files (jpg, png, gif) that can be larger than the available display area. I've embedded an Image inside a cCanvas (to get scrolling), but the large images are not completely displayed.
Very large images (e.g. 2480 x 3507) have the top or the top and bottom of the image clipped withing the scrolling Image.
What is the largest graphic one can display using the mx.controls.Image ?
View 3 Replies
Sep 5, 2010
I need to load a very big image on AS3 (currently sized at 8192x8192). I am aware that it does not fit any of the limits imposed by Flash regarding drawing to screen or creating a BitmapData of that size. I just want to load the image so I can copyPixels() some parts of it here and there.The thing is, I'm loading the .jpg file of that size with no problems. The size is recognized correctly from my Loader object. I load it like this:[code]But I am greeted with the #2015 "Invalid BitmapData" error usually reserved for BitmapDatas that are too big. The error also happens if I try to do a copyPixels(), which is what I need to do.Is there any workaround I can use so I can get data from an image this big on AS3?
View 1 Replies
Oct 11, 2009
When I run my flash app in the default player it runs at 60 fps (the code is ~2ms a frame), but when I run it in firefox, the rendering phase is incredibly slow (~50ms).This is a relatively new symptom. I have not increased the amount of data to be rendered, but I have modified the type of data from MovieClips cached as Bitmaps, to straight Bitmap data... if that's relevant.[code]
View 3 Replies
Jun 7, 2005
I have a part of a movie that I want to make it scrollable. for example I have a square, and put it things (text fields)when it fills the square I want to make the square scroll. for example in this fla (test.fla)....in the 5th frame the 'hi' get's out of the square...and I want to scoll.
View 2 Replies
May 6, 2009
If I have a sprite, with which I have drawn some stuff, how do I erase part of what I have drawn? Preferably I could use drawRect with some "alpha=0" paint. However, I don't believe beginFill lets you set an rgba color (like you can in bitmapdata). Setting alpha = 0 in beginFill doesn't really do anything -- it just draws nothing. In my particular use case, masking isn't an option. Also, calling clear() isn't a good solution since it clears away everything.
View 3 Replies
Apr 19, 2010
It's probably a no brainer, but I've spent the last 40 minutes or so looking for it to no avial.
I have a Canvas control with a fixed width and a horizontal scrollbar.I'm trying to find the actual width of the control.The .width (fixed width) + the part being revealed by the scrollbar.I tried explicitWidth, width + maxHorizontalScrollPosition, and some other combos but non of them hit the spot.
View 1 Replies
Jun 23, 2010
I've seen the BitmapData object used for graphics a fair bit, especially in games. Many of these cases have done things in somewhat fundamentally different ways, and I was wondering what the best way generally is.
Method 1: Each animation frame is kept in a separate BitmapData object using an array.
Method 2: The animation is kept in a strip using a single BitmapData object and using the "sourceRect" parameter of copyPixels.
The draw and hitTest methods appear not to provide any "sourceRect" parameter. Most of the code I have seen using method 2 has worked around this by copying the bitmap frame into a temporary bitmap for these methods. This seems like quite a large processing overhead to me. Using method 1 this is generally not a problem, unless hitTest needs to be used with scaling and/or rotation, in which case a temporary transformed copy is still needed it seems as hitTest doesn't except a transformation.
I'm thinking method 1 is the better choice since it avoids having to make temporary copies for the most part, and I don't think it would waste much memory (just the duplicated width, height, etc values?). Is this generally true or is there a reason lots of people seem to do things the second way?
Also is there a better way to use hitTest for bitmaps that have been scaled, rotated, etc?
View 1 Replies
Oct 1, 2010
I created flex application that loads a image. I compiled this app and ran in the computer where it was created. it works. when i try in a different system, the image does not load. I think it's chekcing for the image path.how to include image as part of the application
View 2 Replies
Jul 27, 2009
I've been trying to implement and make classes out of some code that was written in the timeline by someone else; some problems have inevitably arisen. One of these problems is that I can't seem to compile a specific part of it concerning vectors, given that it tells me that there were no property definitions for the variables and that upon importing, these definitions could not be found:
[Code]....
It also tells me that Vector is not a compile-time constant, and its methods or properties could not be found. Besides this, I can't seem to find the definition for BlendMode for applying a filter with the BitmapData draw() method. Below I list the pertinent piece of code for you to be able to help me in case there's something wrong in my writing. Oh and BWT, what does this declaration mean? var i:Vector.<int>=new Vector.<int>([1,2]); I don't understand why the array brackets inside an int Vector.
[Code]....
View 4 Replies
Feb 6, 2010
I have started to put together a flash piece. When I preview it, it displays as it should, however if I export the movie and then view the swf it doesn't display the animations from within one of the folders. I have made sure that the layers aren't hidden.
View 10 Replies
Sep 3, 2010
How can I copy or duplicate the bitmapdata from a mx:image component?
I need to display the same image in multiple screens of my application and don't want to have to download the image multiple times.
I could just use a urlrequest to download the image as a bitmap and copy that but I like the way you can can just set the source of the image component.
View 2 Replies
Apr 4, 2011
When I drop an image onto my canvas I can get the nativePath to the image but not the bitmapdata wich is the one I need.
In debug mode when I look into the file properties the data is set to NULL.
In my code file.data doesn't give me anything.
protected function creationCompleteHandler(event:FlexEvent):void
{
this.addEventListener(NativeDragEvent.NATIVE_DRAG_ENTER,onDragIn);
[Code]....
View 1 Replies
Jun 21, 2011
The image is already held locally on the client PC and it is an Air application. The image is not embedded, it is in the Application Storage directory.
I have seen this question: How can i get a BitmapData object out of a File object from a local jpeg file in AIR? but it uses URLRequest which I don't think is what I need because the file is local.
View 2 Replies
Aug 9, 2010
What would be your recommendation for drawing shapes (rects, circles...) onto BitmapData, and how to effectively switch between colors.Draw shapes on BitmapData / getting its graphics context
Is there any way to get graphics context from BitmapData so I could easily paint shapes using graphics.draw...()?
View 1 Replies
Dec 9, 2009
To crop the image into a selected size by drawing rectangle over it. It should be done in ActionScript 3.0 and Flex 3.0
View 1 Replies
Jun 14, 2011
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);
View 1 Replies
Oct 25, 2011
I am working on a flex project, where I have to load a couple of SVG files and compare their pixels. To compare the pixels, I like to convert them into a byte array (BitMapData). I am able to create a bitmap data for a PNG image, but not for a SVG image.
View 1 Replies
Jun 20, 2011
fast methood to turn an Embed Image into BitmapData.
View 2 Replies
Oct 10, 2011
I need to do this conversion so that I can determin the drag drop colour a puck lands on.
possibly involving:
ImageSnapshot
BitmapData
This would be in Flex 4
View 1 Replies
Feb 28, 2011
I would love to get some information from some of the old pros on here as to best practices using flash for large scale environmental displays:
1. Flash supports High Definition correct? I did a google search, and see that it does - but unsure whether I need a plug-in or it's just a setting? My question is more along the lines of - can the flash animation be highDef, or only the videos it displays?
2. I am working on a very large (like 40ft tall) environmental graphic, and curious .how you deal with images at that size? I remember vaugely, that they don't need to be 300dpi, but do i still need to maintain a certain resolution?
View 2 Replies
Oct 30, 2009
Every time I draw a gradient box throuh the code (I use a lot of them for the backgrounds with dynamic colours) I can just pray that it shows on the stage. Most of the time it does, but some times it doesn't. The trace statement is lying to me that the graphics is on the stage.
I resize dynamically a textfield to the height of the text in it. Most of the time it resizes correctly, but some times it doesn't, and makes my next line of text invisible. The trace statement again is lying to me that the textfield was resized.
Is there any way to make sure that my code is executed correctly or at least to find the error and fix it?
The example of the text animation and dynamic background I use is here: [URL]
View 4 Replies
Dec 20, 2009
On Windows (Vista32), I want to display some simple graphics on top of a fullscreen flash window (an overlay of useful information while using the flash application). What's the fastest way to accomplish it?
I think I may be able to achieve it using DirectX with the DDSCAPS_OVERLAY flag but with the only example I've found I get an exception:
[Code]...
View 2 Replies
Jul 1, 2011
I'm trying to write a little flex app that has a paint/canvas type feature to draw an image, which I then want to post to a rails server side. I'm following the post here, but can't get as far as he did due to the following error: NoMethodError (undefined method `rewind' for #):I googled that and found this which says the problem is due to an empty filename, but I thought I had that from the example. However, I altered the example to simplify the post by reducing the form parameters, but I could have easily messed something up since I really don't know what I'm doing with this multipart form content. I was hoping to at least log the request params, but unfortunately I can't, since it's failing before being routed and due to my inexperience with rails. I'll ask that in a separate question and hopefully be able to edit this question with the request params.
View 1 Replies
Apr 20, 2010
I'm trying to extend the Image class but hit a problem that I can't get past. I have a private image (img) that loads an image and a function that takes that image and copies it onto the parent. The debug function "copyit2" displays the image fine (so I know it's loaded OK). But the function "copyit" doesn't work - it just displays a white rectangle. I can't see how to make copyit work so that the original image is copied to the BitmapData and then subsequenty copied onto the parent?
(The idea is to do some processing on the Bitmap data before it is displayed, although this isn't shown here to keep the example simple.) I suspect it is something to do with the security of loading images, but I'm loading it from the same server as the application is run from - so this shouldn't be a problem?
[Code]...
View 1 Replies
Mar 25, 2012
I worked with HaXe and actionscript programming, but I'm new to flex. Here's my question. If I want to get image from server (blazeds) in AS3 I'll load it to Loader a loader and then add it to some e.g. MovieClip. Should I do the same to load an image in flex? Or there some common for flex schema for doing that? Another question is. If I have an Image on blazeds server what will a better way to get it: to pass it through java (i.e. read it, and then pass to client) or directcly with Loader?
View 2 Replies
Dec 22, 2010
I have a Datagrid with an ItemRenderer assigned to a column which is a Currency column(String). The renderer is mean to display the Flag of the currency eg; for USD it should display a USD flag image etc. At the moment the column is appearing Blank without an image. I have the following renderer (which extends UIComponent). I am dynamically loading the images in the commitProperties() method. At the moment I have hard-coded it to the USD image to get it to work
public class CenteredEmbedImage extends UIComponent implements IListItemRenderer,IDropInListItemRenderer
{
private var _loader:Loader;
[Code]....
View 1 Replies
Dec 31, 2011
Ok, so I got this huge image of a map. I put a Mask over it so it will fit on a small screen. But....I want users to be able to view the whole map but click on arrow buttons that will transfer them in all 4 directions. I know I can do this with keyframes, showing different parts of them map each stage....But isn't there a simplier way? Some sort of actionscript code that will tell flash to scroll how many pixels left or right or up or down? And that it will know that the image will stop here so don't scroll more than that?
View 4 Replies
Sep 6, 2011
I would like to display a spinning image, when my application is not connected to the socket server and is in an "offline" state.
So I've tried using an ajax-loader.gif, courtesy of http://www.ajaxload.info/
<s:Image source="@Embed(source='assets/ajax-loader.gif')"
horizontalCenter="0" verticalCenter="0" includeIn="offline" />
but unfortunately the bitmap is not animated (does not spin).
Is there a way to do that, how do you approach displaying a "loading indicator" in your Flex 4.5 programs?
Or do I have to fallback to mx.controls.ProgressBar?
View 2 Replies
Mar 16, 2012
I have a Flex 4.6 web game which displays 2 Lists with virtual layouts with 2 custom item renderers. The renderers consist mainly of BitmapImages displaying user avatars + few Labels.
The Lists are being updated often over TCP socket with gzipped JSON data. I merge that data into 2 ArrayCollections serving as dataProviders for the Lists. This seems to work well, the Lists do not flicker and are updated correctly (I've monitored debug traces a lot to get it right).
[Code]...
View 1 Replies
