<?xml version="1.0" encoding="utf-8"?>
<mx:Application
    xmlns:mx="http://www.adobe.com/2006/mxml"
    xmlns="http://www.degrafa.com/2008"
    layout="absolute"
    backgroundGradientColors="[#333333,#666666]" viewSourceURL="srcview/index.html">
    
    <mx:Style source="assets/style/style.css"/>
    
    <mx:Label text="Raster Text Fills" top="30" right="30" styleName="title"/>
    
    <!-- Fills in RasterText are coming in Degrafa 3.1 -->
    
    <RegularRectangle id="rectFill" width="3" height="3">
        <Circle radius="1">
            <fill>
                <SolidFill color="#FF00FF"/>
            </fill>
        </Circle>
    </RegularRectangle>
    
    <GeometryComposition graphicsTarget="{[drawCanvas]}">
        <RasterText text="Linear Gradient Text" fontFamily="Myriad Pro Semibold" fontSize="50" horizontalCenter="0">
            <fill>
                <LinearGradientFill angle="90">
                    <GradientStop color="#FFFFFF"/>
                    <GradientStop color="#62ABCD"/>
                </LinearGradientFill>
            </fill>
        </RasterText>
        <RasterText text="Radial Gradient Text" fontFamily="Myriad Pro Semibold" fontSize="50" horizontalCenter="0" top="60">
            <fill>
                <RadialGradientFill>
                    <GradientStop color="#FFFFFF"/>
                    <GradientStop color="#FFFF00"/>
                </RadialGradientFill>
            </fill>
        </RasterText>
        <RasterText text="Bitmap Fill Text" fontFamily="Myriad Pro Semibold" fontSize="50" horizontalCenter="0" top="120">
            <fill>
                <BitmapFill source="@Embed(source='/assets/images/69046.png')" smooth="true">
                    <transform>
                        <ScaleTransform scale=".2"/>
                    </transform>
                </BitmapFill>
            </fill>
        </RasterText>
        <RasterText text="Vector Fill Text" fontFamily="Myriad Pro Semibold" fontSize="50" horizontalCenter="0" top="180">
            <fill>
                <VectorFill source="{rectFill}"/>
            </fill>
        </RasterText>
    </GeometryComposition>
    
    <mx:Canvas id="drawCanvas" top="100" left="40" right="40" bottom="40" borderThickness="0" borderStyle="solid"/>
    
</mx:Application>