[jira] [Updated] (FLEX-33446) Shapes with Transparent fills hide underlying shapes

["john kyritses (JIRA)" <ji...@apache.org>]

     [ https://issues.apache.org/jira/browse/FLEX-33446?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ]

john kyritses updated FLEX-33446:
---------------------------------

    Attachment: DrawTest.mxml
                squares.PNG
    
> Shapes with Transparent fills hide underlying shapes
> ----------------------------------------------------
>
>                 Key: FLEX-33446
>                 URL: https://issues.apache.org/jira/browse/FLEX-33446
>             Project: Apache Flex
>          Issue Type: Bug
>          Components: .Unspecified - Framework
>    Affects Versions: Adobe Flex SDK 4.6 (Release)
>         Environment: Windows XP 64
> Firefox 19.0.2
>            Reporter: john kyritses
>            Priority: Minor
>         Attachments: DrawTest.mxml, squares.PNG
>
>
> Draw 22 red rectangles (with 0-alpha fills and solid red line style) over green rectangle (with green fill) hides the green rectangle where it intersects with all 22 red rectangles.  
> The green rectangle is displayed correctly if there are only 21 red rectangles over it.
>  protected function drawGreenSquare():void {
>                 // draw green box
>                 var square:Shape = new Shape();
>                 square.graphics.beginFill(0x00FF00, 0.5);
>                 square.graphics.drawRect(100, 100, 500, 500);
>                 square.graphics.endFill();
>                 
>                 var uiC:UIComponent = new UIComponent();
>                 uiC.addChild(square);
>                 canvas.addElement(uiC);
>             }
>             
>             protected function drawRedSquares():void {
>                 // CHANGING THE LIMIT TO 22 DOES NOT TRIGGER THE BUG
>                 const limit:int = 23;
>                 const offsetScale:int = 4;
>                 
>                 // add red squares
>                 var square:Shape = new Shape();
>                 for ( var i:int=-10; i<limit-10;i++ ) {
>                     var offsetX:int = 100 + ( i * offsetScale );
>                     var offsetY:int = 100 + ( i * offsetScale );
>                     
>                     square.graphics.lineStyle(2,0xFF0000,1.);
>                     square.graphics.beginFill(0xFF0000, 0.0);
>                     square.graphics.drawRect(offsetX, offsetY, 200, 200);
>                     
>                 }
>                 square.graphics.endFill();
>                 
>                 var uiC:UIComponent = new UIComponent();
>                 uiC.addChild(square);
>                 canvas.addElement(uiC);
>             }
>             
>             protected function application1_creationCompleteHandler(event:FlexEvent):void {
>                 drawGreenSquare();
>                 drawRedSquares();
>             }

--
This message is automatically generated by JIRA.
If you think it was sent incorrectly, please contact your JIRA administrators
For more information on JIRA, see: http://www.atlassian.com/software/jira