ActionScript 3.0 :: Method To Draw Rectangle With Round Corners?
Aug 28, 2009
My idea was to create a method for drawing rectangle with rounded corners, but while being able to specify which of the four corners (any, all, none,etc.) you wanted to round. The method below does the trick, but for some reason my corners don't match the same curves that I get using the same radius with drawRoundRect(). In other words, if I call my method (and set all four corners to be rounded) and compare that with the same call to drawRoundRect() the actual curves of the corners are slightly different.
HTML Code:
public function drawComplexRoundedRect(startX:int,startY:int,rectWidth:int,rectHeight:int,radius:int,canvas:Sprite,roundTopLeft:Boolean=false,roundTopRight:Boolean=false,roundBottomLeft:Boolean=false,roundBottomRight:Boolean=false):void{
if(roundTopLeft){
canvas.graphics.moveTo(startX,(startY+radius));
[Code] .....
Then compare
HTML Code:
var canvas:Sprite = new Sprite;
drawComplexRoundedRect(0,0,200,200,25,canvas,true,true,true,true);
with
HTML Code:
var canvas:Sprite = new Sprite;
canvas.drawRoundRect(0,0,200,200,25);
and you will see the two rectangles are not identical.
View 2 Replies
Similar Posts:
May 23, 2009
is it possible to draw a rectangle specifying which corners should be rounded and which not in a simple manner?
View 3 Replies
Feb 25, 2009
I am trying to draw Round Rectangle on Mouse Down. The width and height is depending on the new positions of mouse x and y. But it is not working as I wanted it to be.
View 1 Replies
Mar 11, 2011
Is it possible to round the corners of a flash stage, so that when I insert the SWF into dreamweaver, it inserts more of an oval instead of a rectangle?
View 2 Replies
Apr 15, 2012
I'm using Flash builder, with flex 4 sdk, I'm trying to create a DateField in which the TextInput component has rounded corners, this is my code, for some reason it doesn't work, anyone knows why?
[Code]...
View 1 Replies
Jun 6, 2011
I want to keep DataGrid and AdvancedDataGrid corners round by some px amount, like other components. What is the proper way to achieve it?
View 1 Replies
Jul 6, 2010
I want to round specific corners of buttons to create something like mx.controls.ButtonBar. But I cannot figure out how ButtonBar does this even after looking at its source. I thought the focusRoundedCorners css property was the answer but that applies only to drawing the button's focus box.
View 1 Replies
Jun 24, 2010
i im using the text input component in flash as2,but i need text input with round corners, is there a script that can do it? or somthing?
View 1 Replies
Feb 7, 2004
I'm trying to get plain straight corners on a rectangel. I have been drawing a rectangle or even before drawing one, selecting the little tool in the lower left and I put in a value of 0, but as soon as I draw anything it rounds up again. How do I get rid of this problem??
View 2 Replies
Jan 14, 2010
i'm in the middle of attempting to write my own collision detection algorithm because the built in 'hitTestObject' function seems to be incredibly inaccurate (it's registering 'hits' when the objects are still a considerable distance from each other).I need to be able to calculate the position of each of the 4 corners of a rectangle, based on its rotation. Obviously one of the corners will simply be the rectangle's x and y coordinates. I have made a little test program to make sure I am calculating the positions of the corners accurately - it works when the rectangle is rotated to 0, 90, 180 and 270 degrees, but produces strange results for any other angles.[code]
View 7 Replies
May 20, 2009
I draw a rectangle i should see a little bold circle to indicate a perfect rectangle, I seemed to lost mine, can somebody please tell me how to get it back!
View 2 Replies
Jun 1, 2009
The corners of a rectangle drawn with drawRoundRect are not very consistent when the curve/ellipse values are very low (2-5px or so), most visibly when there's a border added.Even with hinting turned on, there's still a pretty ugly difference. When set to 3px (horizontal and vertical), the right-side corners look pretty close at around 3px, but the left-side corners are very off, and both look to be maybe 1px curved.
View 1 Replies
Aug 11, 2008
i making a full flash web site. and i have a 1 problem. that is how can i make round Rectangle in AS2.0.
View 4 Replies
Nov 23, 2002
It's easy to draw a round cornered rectangle/square but how do you draw a triangle with rounded corners?
View 4 Replies
Jul 16, 2004
I need to draw a box with rounded corners. I can't get a hang of it. I want to draw it from the following variables:
boxwidth = 200;
boxheight = 200;
radius = 5;
How do I draw this? You should see the artwork I have (by mistake) created while trying to get it right.
View 7 Replies
Apr 9, 2010
I have seen people complain about this, but no work arounds. The blurry eddges I see on the rounded portion of round rectangles is awful. IS there a workaround?
View 5 Replies
Mar 25, 2012
I want to scale my round rectangle and keep it's radius from been changed. How can I do that?
I am exporting SWF to flex and drawing it there. Do not scaling it in run time, just need few sets of scales.
View 1 Replies
Dec 19, 2008
Is there a simple way to draw a triangle with rounded corners in AS3?
View 1 Replies
Oct 7, 2009
Draw a Triangle with rounded corners?
View 2 Replies
Mar 18, 2009
I am using the draw() method of the BitmapData to encode a jpeg of part of the image. Now this should be easy enough given the object I want to draw to the bitmap is on the stage at design time so I know its location and dimetions exactly! Heres the code I have in place.
Code:
var myBitmapSource:BitmapData = new BitmapData ( street.width, street.height, false, 0x333333);
myBitmapSource.draw(street, null, null, null, new Rectangle( 96, 5, 571, 450 ), true );
I know for a FACT that no part of the street clip I am drawing out is in negative space, and it's registration is (0,0). However, it cuts off A lot of the top of my image. y=5 in the above rectangle is where I need the top to be, but it cuts the top off of the image... even if I change it to 0, it has no effect.
View 2 Replies
Sep 18, 2009
In Flash CS4, when I draw a rectangle (or circle, or anything) with a color that has 0 alpha, nothing is drawn. Also, if I select a piece of drawing and change the color to 0 alpha, the drawing (e.g. rectangle) disappears!I know I can draw a non-transparent rectangle, convert it to movie clip and set the movie clip's alpha to 0, but I'd like to avoid this.
View 5 Replies
Sep 20, 2011
[code]...
Basically this is not working. I used this question to improve - still nothing.Why doesn't this Flex App draw a simple rectangle?
View 1 Replies
Aug 26, 2005
i don't know if i'm posting at the right topic but i would like to know if anyone can tell me how to auto draw a rectangle around an image? for example, the image loads and is static then a rectangle is drawn around the image starting from the top left corner and goes around the rectangle back to the start of the image.
View 14 Replies
Jul 27, 2008
I Created an action script code when the mouse Down and Drag I taks the X,Y postion in the first and when the mouse is Up it take the Final X, Final Y and Draw Rectangle
I need to Show the User the Rectangle with the mouse Motion (like when you draw in photoshop ) But in my Code the the Rectangle appears when the mouse up
I attached The Code to the msg
View 3 Replies
May 6, 2011
the code is straightforward and my Intention should be clear. Still i can get this to work:
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
[Code].....
View 1 Replies
Mar 25, 2006
I'm trying to draw a filled rectangle with no border. Here's the code for my test project:
ActionScript Code:
myMC = this.createEmptyMovieClip("", this.getNexthighestDepth()-1);
myMC._x = 0;
[Code].....
If you take a look at the coordinates, this was suppose to draw a 180x22. Well, it looks lika it draws a 180x22 rectangle, but only if the zoom is at 100%. If I zoom in on the flash player, there are two problems:
1) the line, as it is scaled, goes over the shape edge. Basically, as the border line has 1 pixel, Flash starts do draw it half pixel up and half pixel left; 2) the rectangle is in fact a 179x21 pixels, instead of the 180x22.
I'm sending an example project on an attachment. In this example I have 2 vertical rectangles which act as buttons:
1) the first button draws the rectangle step-by-step;
2) the second button cycles through 3 different styles:
2.1) line with 1 pixel, normal border rescale. This is the style at start;
2.2) no line;
2.3) line with 1 pixel, no border rescale.
The background is a checker texture, with 1 pixel per square. This gives you a perfect look on how the line is drawn.
The drawing instructions are executed on the yellow movieclip, which serves as reference, considering that it has the desired dimensions (180x22). *
If you zoom a couple of times you'll be able to see the problems I'm experiencing.
All you have to do is to click the first vertical button several times to draw the lines, to press the second vertical button to reset the draw and to change the border style, and finally to look at the draw with some zoom in, in order to see it in detail.
So, what can I do in order to draw a perfect rectangle, meaning that the border will not go outside the shape (it would be nice that when the border is rescaled, it does it inside the boundaries of the shape) and the rectangle has right dimensions (why am I missing one pixel in each direction?).
* By the way, is there a way to draw in a movieclip using the lineTo in such a way that the drawing is on the topside instead of the bottomside? I had to make the yellow rectangle partially transparent in order to see my drawing.
View 9 Replies
Oct 5, 2009
How would I draw a rectangle on the stage with 40% alpha? using bitmaps, bitmapdata, and copypixels?
View 2 Replies
Dec 8, 2009
I'm learning ActionScript 3.0 and I made a small app to draw rectangles on stage. Now I want to drag&drop them around. I want to be able to click on an object, without triggering the stage.addEventListener(MouseEvent.MOUSE_DOWN, clickEvent); but when I click on an object, it also triggers that event. How can I save the click on object from triggering that event on stage?
Here's the code:
Main.as
package {
import flash.display.Sprite;
import flash.events.*;
public class main extends Sprite {
var startX, startY, endX, endY: Number;
function main() {
[Code] .....
View 0 Replies
Jun 21, 2011
Is there a way to apply styling to the line of a rectangle that is drawn using AS3? So instead of the solid stroke, can I apply a dotted or a dashed one?
View 3 Replies
Mar 21, 2011
I try draw one pixel width rectangle in a sprite. And add some tween on it to make some effect. But I find use the code below can't create exactly one pixel white rect. I created I want to create
[Code]....
View 1 Replies