I'm trying to skin a canvas with an image (which is essentially a custom border for the canvas). I've been trying the backgroundImage style as well as the borderSkin style. I can't get the image to scale to the full size of the canvas though. I was wondering what the best way to go about this is.[code]...
View 2 Replies
I'm developing a Zoom tool in my Flex App, so I'm using scaleX and scaleY property to simulate this behaviour.But when I scale my Canvas, its size change as well (obviously). The problem is that I have this Canvas inside another Canvas, so the first Canvas can't be smaller than the second one.Here is an image before and after apply zoom changing scale property in both axis:At the left, the original Canvas. At the right, Canvas after update its scale (red rectangle is the original size at 1:1, and green is after resize).I need to extend the Canvas to take up the red rectangle (not the green).
View 1 RepliesI have the following code in my flex project.
[Code]...
I want to dynamically add different items to thumbContent canvas and use scroller canvas to scroll. I see than the height of thumbContent bigger than 7977 it truncate from scrolling. So - I see the scroller canvas with empty space on top. Then I scroll to bottom - I see the content of thumbContent and at bottom scrolling I see empty space too.
My artist drew a beautiful island but it's 5000 in width. We scroll it as it's for a Virtual World. - it's in layers and we scroll the different layers at different speeds. Flash documentation states that the limit is 2880 BUT it does work in the player i.e.: you can see the full island but it does run a little slow.
Should I
a. Create a smaller island of 2880 which is a shame as I would have to get rid of a lot of good stuff
b. Split it into two images and dynamically connect them with code.
Also, I have different layers scrolling at different speeds which would make things more difficult to look natural.
Anyone here know the maximum size of a Flex canvas or UIComponent? I know the old MovieClip class was limited to 2800x2800px.
View 1 RepliesIf the size of canvas set in the MXML markup, some part of the components that go beyond the boundaries of canvas not displayed. If the canvas size to change dynamically(canvas.width, canvas.height), canvas boundaries are virtually absent. How to dynamically change the size of the Canvas?
View 2 RepliesI am building a graphic component in MXML that has different states, each state having its own size. I have a "normal" state and a "highlighted state", the highlighted one having a higher height. On this components I implemented a function to be executed on each mouseOver and mouseOut to change from normal state to highlighted state and back. My problem is, in the highlighted mode, the mouseout event is triggered according to the size of the normal state.
[Code]...
I have an Image nested inside a Canvas.
<mx:Canvas>
<mx:Image source="@Embed(source='assets/library.swf', symbol='Waves')" />
</mx:Canvas>
I'd like the Image not to overflow the bounds of Canvas. But when I set width and height on the Canvas, my Image disappears. Canvas also doesn't seem to respect horizontalScrollPolicy.
Seems easy enough, but as the official Flex documentation is down at the moment, I thought I'd turn to SO.
I am new to flex, and do not know how to add an image (or other ui component) to canvas, so user can select it (and see that it's selected), also I want to add a possibility for example to click backspace and remove selected image from scene. How to do that?
View 1 Repliesthis is the code for 3d rotation [code]i want to rotate the image after dropping them in the canvas.i am able to rotate them in the panel.
View 1 RepliesI have an image loaded from an url and added to canvas as child. Then I am drag and dropping another image on it which also uses the senocular transform so the image can be transformed on the canvas. I have coded in such way that the transform handles shows up only after it's dropped on canvas. The image shows up correctly. But I am trying to save the result image (that is the main image and the dropped image on top of it), I only end up with the main image that was loaded earlier. The dropped image doesn't show up.
Below is the code for handleDrop() that is fired on dragDrop event and prepares the final image.
[Code].....
I know that the question may seem very easy. I am trying to display an image on canvas.I need to do it in AS, and also I need to locate image in specific coordinates.
View 2 RepliesI want to reduce the size of Swf using the size mentioned in the object tag of html. Same swf file size can be different for different request.
The problem is this if we reduce the size all control in swf reduced according to the change in swf size. But we want the buttons and one more graphics remain same size for any change in size of swf file. How can we make it ..
Basically I want to go to frame2 when the cursor leaves the canvas. The code below contains no errors when tested but it still does not work.
[Code]...
We know that the function gotoAndStop(frame2); works in multiple situations which means the first 3 line is fine. I don't know if the problem is the MOUSE_LEAVE event or this.stage which i suppose is the identifier for the canvas. I sure that there must be an alternative code for the identifier this.stage or the whole code. Any solution on how to fire the given function in the event when the cursor leaves the canvas?
Just wondering if theres anyway to override/cheat the scrollpane size limit of roughly 2000+px?
I'm making a site for my friend and she getting pedantic about each set of photos fitting into one horizontal scroll window, only problem, each set of photos has 20 + images in them.
I read somewhere that its poss to use actionscript to arrange a bogus the starting x point on the main canvas, but surely this would only wok if you're scrolling from right to left?
Another thought I had is to embed a button at the end of the canvas size limit which the user clicks on to load the next part othe series, but this would feel clunky and like a compromise + when I've tried linking the swf of this menu into the main movie the button doesn't work.
My friend has been insistent on a scroller rather than dynamically loading images (which can be slow too).
I recently contributed a soundtrack to a flash movie. The canvas size of the document was 550x400px, and we tried to export it in near-HD format to various formats. This resulted in either no video (DivX/Xvid export) or in a real bad quality so that even a screen capture would produce much better results. My question is: can it be related to that the canvas needs to have at least the size of the desired export? The person creating the movie assumed/stated it would easily resize on export since it is vector material / high res images, but the results are rather ugly
View 9 RepliesI have Flash 8. I created a Flash movie a number of years ago, probably in an early version of Flash. I use it on my website. I want to redesign my site and make the movie smaller from the standpoint of making the canvas/stage size smaller. I don't mean just compressing the flash movie to a smaller swf. Is there some quick way to do this without having to recreate the movie and put in smaller elements?
View 3 RepliesI have a generalized media player web app that I wish to be able to use flash in. The client uploads the flash to a particular directory, and a webpage is produced automatically that houses that flash file. The output of this process currently looks something like this:
<OBJECT id="flashContent" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
<PARAM value="always" name="allowScriptAccess" />
<PARAM value="#FFFFFF" name="bgcolor" />
[Code]......
I am trying to get the flash to display using the original canvas size (540 x 400 by default) but every time I load this in chrome I get 300 x 150 and in IE the box is square.
how to get it to render using the flash canvas size?
I am trying to make a flash application that can save (to the user's local hard drive) a screen shot of the canvas (or more accurately part of it).I've dabbled with Quasimondo's Bitmap Exporter which did some funky stuff to render an image, ship it to a php script on the server, and bounce it back to the client. But not only is that inefficient it also has two other major flaws:
1) it's written in actionscript 2 so I can't use any actionscript 3 abilities.
2) it breaks as soon as one of the images on the stage is defined as a variable brought in through $_GET rather than hard coded. (the image comes in fine but then the rendered finished product is a blank white image)
I'm creating a flash fun thing where you dress up a character by just dragging and dropping little images, everything is working fine.
I want to add an option to save the image you have created, I can do this but the problem is you have to set a movie clip to capture, the thing i want to capture is a few movie clips layered on top of each other(the finished character).[code]...
I am going nuts! I have a canvas which I am trying to add a background image to. I am not setting the Y position, but after I add it to the canvas it always starts about 40 px down. If I trace the Y position it still says 0, even after a timer. I have tried to move it to the parent canvas and got the same results.
View 1 RepliesI have image as Bitmap:
var bitmapImage:Bitmap=getDefaultImage();
I need to set this bitmap as canvas backgroundImage.
I find method myCanvas.setStyle("backgroundImage",url); But i dont need url. Whent i do this:
myCanvas.setStyle("backgroundImage",bitmapImage); I have an error.
How to set bitmap image in canvas background?
im trying to create a online business card editor to learn flash again, one of the functionality im trying to achieve is being able to upload an image (jpg,png etc) and place said image onto a drawing canvas and then being able to scale the image and rotate the image and move the image around. can some one direct me to a decent tutorial for this kind of functionality.
View 1 RepliesI have an app wer i drag and drop images onto a canvas and then move them on the canvas to arrange them appropriately. After that i shud be able to click on those images and draw connectors between them as the user seems required. But after dragging and dropping the images on the canvas and arranging them, when i click on the image i am getting a typeerror 1009 error, i.e, "cannot access a property or method of a null object reference".
Actually after arranging the images, i add an event listener to the image(proxy) on the canvas:
image.addEventListener(MouseEvent.CLICK, mouseClickk);
image.addEventListener(MouseEvent.DOUBLE_CLICK, mouseUpp);
MouseClickk Function:
[Code].....
I need the exact simple application but the ability to choose a background image from a file on the server as the canvas and I want to save the created image on a server file instead of on the client machine. The ability to change the pencil drawing size would be an additional plus. I work with php and mysql so I would like to use them to store the file parameters, even as a blob in mysql, along with some additional user (server) defined variables (I can do the php/mysql side if I can get the file there, I understand there is an swf to png ByteArray class that might be able to save on server. The project is for an opensource group so the final product would need to remain as such, I would be able to pay for the modifications mentioned above. The source files are available at the links below. [URL]
View 1 RepliesI made a program in Flex that uses the actionscript 3 drawing api. I am drawing on a Canvas and on every mouseUp event I save the bitmapData in an Image component and clear the the Canvas. That works great, but the problem appears if I want to add a background to the paint that was drawn.
Here are the mxml components:
Code:
<mx:Canvas id="_backgroundColor" width="100%" height="100%" x="0" y="0" />
<mx:Image id="_image" x="0" y="0" mouseEnabled="false" />
<mx:Canvas id="_paper" x="0" y="0" />
And here it is the function I have on the Canvas (_paper) mouseUp
Code:
private function onSaveModifications(evt:PaperEvents):void{
var bmpData:BitmapData = new BitmapData(this._paper.width,this._paper.height,true,0x00FFFFFF);
bmpData.draw(this._paper);
this._image.source = new Bitmap(bmpData);
this._paper.graphics.clear()
}
I want when I set the _background Canvas background color to see it, but I cannot because the Image component(_image) where I save the bitmap is masking it.
This is how I set the background
Code:
this._background.setStyle("backgroundColor",0xff0000)
Do you know how can I make the pixels of the bitmap that weren't drawn to be transparent?
I'm developing an engine to generate components.I been wanting to get my xml script that read and create a component to be load into 'content' canvas. I not sure how do I get the addChild work correctly as in 'content'.addChild instead of the one shown below:[code]
View 1 RepliesThe basis for the chat window is a canvas. I've got that showing, but how do I make it scroll up? I want to clip the window so only the last 15 lines are shown.[code]...
View 1 Replies<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Canvas width="100%" height="100%">
<mx:Canvas backgroundColor="#A8A8A8" height="100%" right="0" top="0" width="100">
</mx:Canvas>
[Code]...
My code above works absolutely fine, until i resize my browser window to a size below 800px width. When the browser window is make of lesser width than 800px, the canvas with background color #A8A8A8 is on the right of the window, but the problem is, when I move the scroll bar, the canvas should remain on the right of the window. Which does not happen, and that is what my problem is.
How can I solve this issue. What should I do to keep my canvas be on the right=0 all the time.
I want to lie two canvas at one Tab Navigator. when I use <mx:local it created multiple tab.
View 1 Replies
