Change stroke width with AS3?

So, I have a movie clip which consists of a filled vector circle with a stroke. Is it possible to increase/decrease the stroke to a specific thickness in pixels with actionscript whilst the swf is playing?
Thanks
T

If you draw a circle dynamically using graphics API then its possible to chage the stroke by using lineStyle method.
But if that circle has already been drawn and placed in the stage, I don't think you can change it's stroke.
Can I ask, why don't you draw it dynamically using actionscript. It's so easy.
//make sure you import relavent apis
import flash.display.LineScaleMode;
import flash.display.CapsStyle;
import flash.display.JointStyle;
public var _cricleObj            :Sprite;
public var _lineSize            :Number    = 1;
//Now draw your circle
_cricleObj = new Sprite();
_cricleObj.graphics.lineStyle(_lineSize, 0xFFFF00, 1, false, LineScaleMode.VERTICAL, CapsStyle.NONE, JointStyle.MITER, 3);
_cricleObj.graphics.beginFill(0xFF,1);
_cricleObj.graphics.drawCircle(0,0,50);
_cricleObj.graphics.endFill();
_cricleObj.addEventListener(Event.ENTER_FRAME, reDrawCircle);
public function reDrawCircle(e:Event):void
            _lineSize +=1;
            _cricleObj.graphics.clear();
            _cricleObj.graphics.lineStyle(_lineSize, 0xFFFF00, 1, false, LineScaleMode.VERTICAL, CapsStyle.NONE, JointStyle.MITER, 3);
            _cricleObj.graphics.beginFill(0xFF,1);
            _cricleObj.graphics.drawCircle(0,0,50);
            _cricleObj.graphics.endFill();
thats all.

Similar Messages

Change stroke width of frames

Hi Friends,
How to change stroke width of all frames eg:rectangle frame, ellipse frame, polygon frame.
Regards,
Balaji

Okay, it does not work. So what doesn't work?
(After trying) oh, it says this
Error Number: 55
Error String: Object does not support the property or method 'PageItem'
Your selection already is a page item (or it should be, when you selected just "objects"). Use this instead:
var change = app.selection;
for(var idt=0;idt<change.length;idt++)
change[idt].strokeColor = "None";
change[idt].strokeWeight = 0;
There is a slight over-kill here, because setting the stroke color to [None] will automatically set the weight to 0, but that's nothing dramatic.

A way to change stroke width on form boxes?

Although I'm aiming to have people digitally use these forms, there exists a good chance that some will be filled out by hand. When I print these forms out the form field boxes are rather small and surrounded by a thick border.
Is there a way to change the form field box size?
Is there a way to chance the stroke width surrounding these boxes?
Thanks!

I am guessing that the form filled by hand will be done via printing the PDF form. Is this correct?
You can resize the field box in the Design tab in FormsCentral by drag and drop of the bottom right corner of the field editable box (true for multi-line text field). To increase the height of single line text field then you need to use a bigger font by selecting the form element on the form and chaging the font size in toolbar.
You can not change the border color or thickness for the HTML web form but you can do some post-editing of the form in Acrobat if you want to modify the borders in the PDF file.
Gen

Change Stroke Width percentally for selected object

The user needs to be able to change the stroke width of their selection. Make all strokes twice as thick, for example, regardless of whether the selected strokes have different widths. This needs to be an effect as well, so it can be applied to symbols.

I see the next..
1. first point, x=306 px
2. second point, x= 305.5 px ! (
Set to - No Fill and No stroke only two point and X is changed (
Align stroke to Center ? From image we have see align to Outside ?

Equal spacing between the images of uniformed height but variable widths with AS3?

I have to figure out how to insert images with variable width with equal spacing intervals.
Here is where I got so far:
function buildScroller(imageList:XMLList):void{
          trace("build Scroller");
          for (var item:uint = 0; item<imageList.length();item++) {
                    var thisOne:MovieClip = new MovieClip();
var currentX = 90;
                    var spaceBetween = 20;
var currentImageWidth = Number(imageList[item].attribute("width"));
thisOne.x = currentX;
thisOne.x = (currentImageWidth+spaceBetween)*item;
I can see that my images are being spread out on the page and if I change the number in var spaceBetween it affects the spacing. However the spacing is not uniformed. I can not figure why. Perhaps because I can not properly retrieve the image widths from the xml file. I assigned a width in xml file in the following manner:
<images>
<image src="appThmb_imgs/A-illuminatorUpLit_xsm.jpg" title="UpDownGlowingVase" url="http://www.888acolyte.com" width="132"/>
<image src="appThmb_imgs/ATI-1-bgpA_xsm.jpg" title="CoolingReflections" url="http://www.888acolyte.com" width="117"/>
<image src="appThmb_imgs/ATI-2-zenC_xsm.jpg" title="OrchidsUnderGlass" url="http://www.888acolyte.com" width="263"/>
<image src="appThmb_imgs/SilverBloom_RGB_xsm.jpg" title="SilverBloom" url="http://www.888acolyte.com" width="148"/>
</images>
they correspond to actual image width. I do however want them to be scaled at 50% of their actual width.
Any ideas if I am missing a line of code or don't call out images properly?

Thank You for your reply.
I tried to implement it but images are still jambled together.
Perhaps it has something to do with the fact that I specify the actual width of the image in the XML file but then define it as a scaled value in the code later on (11th line at the bottom of the code):
    mc.height = 110;
This height definition will just give the width proportional to the height. Does it mean that I can not specify the height as it is?
Also can be there a mistake in the XML file? I just assigned the width number as it is in pixels for each image. Here is an example:
<images>
<image src="appThmb_imgs/RosesGallasGalore_RGB_xsm.jpg" title="RosesGallasGalore" url="http://www.888acolyte.com" width="131"/>
<image src="appThmb_imgs/SangriaBling_RGB_xsm.jpg" title="SangriaBling" url="http://www.888acolyte.com" width="233"/>
<image src="appThmb_imgs/SilverBloom_RGB_xsm.jpg" title="SilverBloom" url="http://www.888acolyte.com" width="148"/>
</images>
There were no errors in the output or compiler errors tabs.
Here is my code in its entirety:
import com.greensock.*;
import com.greensock.easing.*;
//load xml
var xmlLoader:URLLoader = new URLLoader();
/////Parse XML
var xmlData:XML = new XML();
var xmlPath:String = "app_thmbs_imgsModfd.xml";
xmlLoader.load(new URLRequest(xmlPath));
trace("loading xml from: " + xmlPath);
xmlLoader.addEventListener(Event.COMPLETE, LoadXML);
function LoadXML(e:Event):void {
          trace("xml load complete");
          xmlData = new XML(e.target.data);
          buildScroller(xmlData.image);
/////Build Scroller MovieClip to Contain Each Image
var scroller:MovieClip = new MovieClip();
this.addChild(scroller);
scroller.y = 30;
/////Parse XML
//build scroller from xml
          var spaceBetween:int = 20;
          function buildScroller(imageList:XMLList):void{
          trace("build Scroller");
          var nextX:int=spaceBetween; //not sure where you want to start;
          for (var item:uint = 0; item<imageList.length();item++) {
                    var thisOne:MovieClip = new MovieClip();
                    thisOne.x=nextX;
                    nextX=int(imageList[item].attribute("width"))+spaceBetween;
                    //outline
                    var blackBox:Sprite = new Sprite();
                    blackBox.graphics.beginFill(0xFFFFFF);
                    blackBox.graphics.drawRect(-1, -1, 124, 107);
                    thisOne.addChild(blackBox);
                    thisOne.itemNum = item;
                    thisOne.title = imageList[item].attribute("title");
                    thisOne.link = imageList[item].attribute("url");
                    thisOne.src = imageList[item].attribute("src");
                    thisOne.alpha = 0;
                    //Loading and Adding the Images
                    //image container
                    var thisThumb:MovieClip = new MovieClip();
                    //add image
                    var ldr:Loader = new Loader();
                    var url:String = imageList[item].attribute("src");
                    var urlReq:URLRequest = new URLRequest(url);
                    trace("loading thumbnail "+item+" into Scroller: " + url);
                    //assign event listeners for Loader
                    ldr.contentLoaderInfo.addEventListener(Event.COMPLETE,completeHandler);
                    ldr.contentLoaderInfo.addEventListener(IOErrorEvent.IO_ERROR, errorHandler);
                    ldr.load(urlReq);
                    thisThumb.addChild(ldr);
                    thisOne.addChild(thisThumb);
                    //create listeners for this thumb
                    thisOne.buttonMode = true;
                    thisOne.addEventListener(MouseEvent.CLICK, clickScrollerItem);
                    thisOne.addEventListener(MouseEvent.MOUSE_OVER, overScrollerItem);
                    thisOne.addEventListener(MouseEvent.MOUSE_OUT, outScrollerItem);
                    //add item
                    scroller.addChild(thisOne);
          trace("termination of build scroller");
function clickScrollerItem(e:MouseEvent):void{
          trace("clicked item " +e.currentTarget.itemNum + " - visit url: " +e.currentTarget.link);
function overScrollerItem(e:MouseEvent):void{
          trace("over"+e.currentTarget.title);
function outScrollerItem(e:MouseEvent):void{
          trace("out"+e.currentTarget.title);
function completeHandler(e:Event):void{
          //trace("thumbnail complete "+e.target.loader.parent.parent.title)
          TweenMax.to(e.target.loader.parent.parent, .5, {alpha:1});
          //size image into scroller
          resizeMe(e.target.loader.parent, 140, 105, true, true, false);
function errorHandler(e:IOErrorEvent):void{
          trace("thumbnail error="+e);
function resizeMe(mc:DisplayObject, maxH:Number, maxW:Number=0, constrainProportions:Boolean=true, centerHor:Boolean=true, centerVert:Boolean=true):void{
    maxH = maxH == 0 ? maxW : maxH;
    mc.width = maxW;
    mc.height = 110;
          mc.scaleX=mc.scaleY
          if (centerHor) {
                    mc.x = (maxW - mc.width) / 2;
          if (centerVert){
                    mc.y = (maxH - mc.height) / 2;

Changing page width with template

I'm trying to create a wedding website in iWeb using one of the templates. I don't like the narrow "Apple" look so I tried to adjust it to 1000px. I found the Page inspector/Layout box and changed the page width easily enough but it looked terrible because there didn't seem to be a way to alter the background images in the template.
After a lot of poking around online, I found instructions for duplicating and then altering an iWeb template. I went into it and changed all the images to 1000p. I thought that had solved the problem since it looks great in iWeb. But when I published it, it looks terrible. It seems like it's finding the old 700px images somewhere. Check it out: http://web.me.com/kamoore63/Wedding_Website/Home.html
Does anyone have any ideas what files or things I might have to change to have this appear correctly?

Welcome to the Apple Discussions. Publish the site to a folder on the desktop and check the files in there to see if the older narrow files are there. If so you probably will have to do a Publish Entire Site to totally replace all of the files on the server.
What you're experiencing is why many recommend starting with either the white or black theme and crating your own layout. Editing the theme itself can be hit or miss and the theme may not stay changed thru an subsequent update of the application.
OT

How to change the width of the variable screen?

Hi
like in the subject mentioned i need to know how i can change the width of the variable screen....
right now i have to scroll if i want to see the right part auf the variable screen...
maybe i can change the width with css?

Hi,
Using CSS specify the table width for the variable screen and include the Css in the header section of the table.

Changing column width in CATS

Hi all,
Is it possible to change cell widths with varying values in CAT2 screen?
For eg: Project/Task Name column width should be 25 while the cell width for weekdays should be 8 to 10.
Regards,
Vivek

You can Change the Fields as required Hide them etc not change the Length
This means you wann to change Tabble : CATSDB WAHICH IS STANDARD
REWARD POINTS

Change Automatic Stroke Width?

Doing very complicated work that needs me to constantly switch an object from stroke to fill, except the stroke width of 1 is way too huge at the scale I work at so every time I change it I also have to specify the stroke as 0.1 so I can see what I'm doing.
Has anyone heard of a way I can set the stroke width it automatically goes to?

Well yes in that circumstance, yes it does seem to work that way But I do not actually recall myself ever using that function.
I t would not be a bug since the weight appearance is sticky and you have swap it to 0 an it is no longer .1 so it defaults back to 1.
As I wrote if you don't change the line weight then you are fine and so if you have to do tis for some reason you would have to change the stroke weight back to .1 as I indicated.
It makes sense to me the OP indicated they want to keep the stroke weight consistent throughout the whole art creation procedure for that document so I do not see how this could possibly interfere with that scenario?

Changing dataGrid column width with actionScript

Having a strange change when trying to change any dataGrid column width with this code:
dataGrid.columns[ 5 ].width = 200;
It do changes the width of column number 6 to 200, but strangely it's also changes the width of the preceding columns (0-4). Every preceding column automatically increases a little bit than its' existing width without having me any idea.
Any idea anyone have!
Thanks..!
SK

Hi,
See if this thread helps:
http://www.adobe.com/cfusion/webforums/forum/messageview.cfm?catid=585&threadid=1237299
Cheree

How to select paths with the same stroke width

I would like to know how to select all the paths inside a document whose stroke width are equal to 0.361 points
I will appreciate any help.

here you go
#target illustrator
// script.name = selectPathsThisSize.jsx;
// script.description = selects pathItems that have the same supplied stroke width; limited to 3 decimals;
// script.required = a document with at least one path item;
// script.parent = CarlosCanto // 6/5/11;
// script.elegant = false;
var idoc = app.activeDocument;
var strokewidth = prompt ("Enter Stroke Width in points of paths to be selected", 0.361, "Select Paths this size:___");
for (i=0 ; i< idoc.pathItems.length; i++)
          var ipath = idoc.pathItems[i];
               if ( (ipath.strokeWidth).toFixed(3) == Number(strokewidth).toFixed(3))
                         ipath.selected = true;
app.redraw();

After use AffineTransform change also width of stroke

Hi, may be you can help me. After use AffineTransform change also width of stroke. I want to paint a function graph and calculate that values but tje width of pen is also changed. May be, do I something incorrectly.
import javax.swing.*;
import java.awt.*;
import java.awt.geom.Rectangle2D;
import java.awt.geom.AffineTransform;
import java.awt.geom.Point2D;
import java.awt.event.ActionListener;
import java.awt.event.ActionEvent;
import java.awt.print.*;
public class MyFrame extends JFrame {
     public static final double MM_TO_PAPER_UNITS = 1 / 25.4 * 72;
     public static double widthA4 = 210 * MM_TO_PAPER_UNITS;
     public static double heightA4 = 297 * MM_TO_PAPER_UNITS;
     public static double leftMargin = 4.0 * MM_TO_PAPER_UNITS;
     public static double topMargin = 4.0 * MM_TO_PAPER_UNITS;
     JButton button;
     MyPanel panel;
     GridBagConstraints gridBagConstraints;
     public void init() {
          panel = new MyPanel();
          button = new JButton("Print");
          getContentPane().setLayout(new GridBagLayout());
          setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
          gridBagConstraints = new GridBagConstraints();
          gridBagConstraints.fill = GridBagConstraints.BOTH;
          gridBagConstraints.weightx = 1.0;
          gridBagConstraints.weighty = 1.0;
          add(panel, gridBagConstraints);
          gridBagConstraints = new GridBagConstraints();
          gridBagConstraints.gridx = 0;
          gridBagConstraints.gridy = 1;
          add(button, gridBagConstraints);
          setSize(500, 500);
          button.addActionListener(new ActionListener() {
               public void actionPerformed(ActionEvent e) {
                    PrinterJob printJob = PrinterJob.getPrinterJob();
                    PageFormat pf = printJob.defaultPage();
                    pf.setOrientation(PageFormat.LANDSCAPE);
                    Paper paper = pf.getPaper();
                    paper.setSize(widthA4, heightA4);
                    paper.setImageableArea(leftMargin, topMargin, widthA4 - 2
                              * leftMargin, heightA4 - 2 * topMargin);
                    pf.setPaper(paper);
                    printJob.setCopies(1);
                    Book book = new Book();
                    book.append(panel, pf, 1);
                    printJob.setPageable(book);
                    if (printJob.printDialog()) {
                         try {
                              printJob.print();
                         } catch (Exception PrinterExeption) {
                              PrinterExeption.printStackTrace();
          setVisible(true);
     public static void main(String[] args) {
          MyFrame myFrame = new MyFrame();
          myFrame.init();
     class MyPanel extends JPanel implements Printable {
          final int leftPadding = 20;
     final int rightPadding = 10;
     final int topPadding = 10;
     final int bottomPadding = 20;
          protected void paintComponent(Graphics g) {
               super.paintComponent(g);
               Graphics2D g2 = (Graphics2D) g;
               paingMyGrafik(g2);
          public int print(Graphics graphics, PageFormat pageFormat, int pageIndex) {
               Graphics2D g2 = (Graphics2D) graphics;
               // affine transformation for grip of the panel`s content to the size
               // A4
               double W = pageFormat.getImageableWidth();
               double H = pageFormat.getImageableHeight();
               double minX = pageFormat.getImageableX();
               double minY = pageFormat.getImageableY();
               g2.transform(new AffineTransform((W) / this.getWidth(), 0, 0, (H)
                         / this.getHeight(), minX, minY));
               paingMyGrafik(g2);
               return 0;
          private void paingMyGrafik(Graphics2D g2) {
               // here paint i my grafik
               AffineTransform old = g2.getTransform();
               g2.transform(toEndCoordinate());
               BasicStroke stroke = new BasicStroke(0.2f, BasicStroke.CAP_BUTT,BasicStroke.JOIN_MITER);
     g2.setStroke(stroke);
               g2.drawLine(1899, 20, 1901, 20);
     g2.drawLine(1901, 20, 1901, 25);
     g2.drawLine(1901, 25, 1905, 26);
               g2.setTransform(old);
          private AffineTransform toUsualyCoordinate(){
AffineTransform at = new AffineTransform();
//mirror reflection relative to ox
at.concatenate(new AffineTransform(1,0,0,-1,0,0));
//parallel shift (x,y) -> (x, y-h)
at.concatenate(AffineTransform.getTranslateInstance(0,-this.getHeight()));
return at;
private AffineTransform toEndCoordinate(){
AffineTransform at = new AffineTransform();
at.concatenate(toUsualyCoordinate());
at.concatenate((new AffineTransform((double)(this.getWidth()-leftPadding-rightPadding)/this.getWidth(),0,0,(double)(this.getHeight()-topPadding-bottomPadding )/this.getHeight(),leftPadding,bottomPadding)));
at.concatenate(new AffineTransform(-this.getWidth()/(getMinX()-getMaxX()-2),0,0,this.getHeight()/(getMaxY()-getMinY()+10),this.getWidth()*(getMinX()-1)/(getMinX()-getMaxX()-2),-this.getHeight()*(getMinY()-5)/(getMaxY()-getMinY()+10)));
return at;
          private int min(int a, int b) {
               return (a < b) ? a : b;
          private double getMinX(){
               return 1900;
          private double getMaxX(){
               return 2000;
          private double getMinY(){
               return 20;
          private double getMaxY(){
               return 30;
}

The right answer is here ( http://www.javable.com/forum/thread.jspa?messageID=100080&#100080)
It is necessary to apply BasicStroke before use AffineTransform.
GeneralPath gp = new GeneralPath();
g2.setStroke(stroke);
gp.lineTo((float) xval, (float) yval);
g2.draw(gp.createTransformedShape(transform));--------

When drawing with the shape tool in Flash how can I vary the stroke width?

I created an oval shape and I'd like to vary the stroke width so it's not all just one uniform thickness. However in the Properties window I can only find the uniform stroke width and style options (solid, dotted, hashed, etc...). How can I add some tapering?
Thank you for your help.
Sarah

You probably need to convert the line to a fill and then change the shape of it. .. Modify -> Shape -> Convert Lines to Fills

Cell border stroke width is STUCK.

Sometimes, after selecting a range of cells and attempting to put a thick border around the whole set, when change the stroke width from the default of .25 (after selecting "Thick" [the heavy line] for type of stroke), it will not change -- it is stuck on .25, no matter what I do. I pull down to, say, 1.5 and it just pops back to .25.
This is a seemingly random problem -- often I have no problem changing the stoke width and creating exactly the sort of border I want.
Anyone got an idea of what I am doing wrong?
--JT

Unknown behavior and, as it behave on a random basis it will be difficult to identify it.
Assuming that something may be corrupted in the document, may you apply this scheme :
save as Numbers '08 document
Close the original document
From Numbers '09, open the Numbers '08 version.
If some features were dropped( functions unavailable in Numbers '08), restore them.
With a bit of luck, the oddity will be gone.
A more drastic cleaning would rely upon an export as Excel or as CSV.
Of course, you may send the file to my mailbox but there is no guarantee that the problem surface here.
In case, click my blue name to get my address.
Yvan KOENIG (VALLAURIS, France) vendredi 27 mai 2011 09:08:59
iMac 21”5, i7, 2.8 GHz, 4 Gbytes, 1 Tbytes, mac OS X 10.6.7
Please : Search for questions similar to your own before submitting them to the community
To be the AW6 successor, iWork MUST integrate a TRUE DB, not a list organizer !

Scale path without affecting stroke width

Hi all,
This seems like it should be simple to do but I'm not having any luck here. Basically I have a path parented to a null that controls several things, scaling them down, rotating and moving across the composition. One of those items is a path with a stroke of 32 px. I want to be able to scale the path itself down, but leave the stroke the same.
I thought I could key the stroke width manually but that has no effect- scaling it up as the path scales down doesn't seem to change the stroke width at all at the end keyframe, only at the beginning keyframe. I see the px count start at 32 and increase up to as it moves along the timeline, even though the stroke width on screen is still getting smaller as if there were no change at all to the width.
Thanks!

You generally don't want to scale the layer that contains the stroke, you want add keyframes to the mask path and animate the size of the path. This is easy. You just start by double-clicking one of the vertices and using the transform box.
If this technique does not work for you then you have two other options, both involving expressions. Both of these options use exactly the same expression to look at the scale of your null layer and both assume that the null is at 100% scale at the start of the animation. The option that I would choose would be to replace the mask path on a layer with stroke applied with shape layer path with stroke applied. You have so many more options and you're dealing with vector information. With either solution this is the expression.
sf = thisComp.layer("Control Null 1").transform.scale[0]/100;
ov = value;
nv = ov / sf
sf (scale factor) is the x scale value of the controlling null that is the parent of the stroke layer or the layer with the stroke effect applied to a mask divided by 100. If you intend to scale X and Y of the parent you'll have to modify the expression and then combine the scale factors and this solution will not work as well. The original scale value is divided by 100 to turn it into a decimal value
ov (original value) is the original set value of the stroke.
nv (new value) is calculated by dividing the original value by the scale factor.
This is just basic algebra from the 7th grade. If your controlling parent is scaled below 0 then the stroke will go away because the value will change to a negative number. If this is necessary in your composition you can write an if statement that will change the nv back to a positive number if the scale factor becomes less than or equal to zero and solves the divide by zero error you would get with a scale factor of zero.
One last point, and this is important. This expression will produce accurate results if applied to the brush size of a mask path when using the Effects>Generate>Stroke effect to create your line but when scaled over 100% the line will begin to fall apart and anti aliasing will not be able to keep up with pixilation caused by the scale. Over about 120% the line will start to look thinner and over 140% it will look bad even though the stroke width is numerically accurate.
I'll let you take it from here.

Change stroke width with AS3?

Similar Messages

Maybe you are looking for