sacar - ¿Cómo puedo crear una sombra paralela como efecto flotante alrededor de un componente de lienzo en flexión?

sombra ala letra en illustrator

Question

Quiero crear una sombra paralela alrededor del componente canvas en flex. Técnicamente hablando, no será una sombra, ya que quiero que se ajuste al componente dando al componente una apariencia flotante. Puedo hacerlo con resplandor, pero ¿alguien puede dejar caer una o dos líneas que ya lo han hecho?

Gracias por adelantado.

Answer 1

En realidad lo resolví al hacer esto:

<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" 
        width="780" height="100%" borderStyle="solid" borderColor="gray"
            creationComplete="init();" backgroundColor="white">

  <mx:Script>
        <![CDATA[
            import mx.styles.StyleManager;


            private function init():void {
                var glow:GlowFilter = new GlowFilter();
                glow.color = StyleManager.getColorName("gray");
                glow.alpha = 0.8;
                glow.blurX = 4;
                glow.blurY = 4;
                glow.strength = 6;
                glow.quality = BitmapFilterQuality.HIGH;

                this.filters = [glow];
            }
        ]]>
    </mx:Script>



</mx:Canvas>

Answer 2

Puedes usar DropShadowFilter pero parece ser más o menos lo mismo:

<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" 
    width="780" height="100%" borderStyle="solid" borderColor="gray"
    creationComplete="init();" backgroundColor="white" dropShadowEnabled="true">
    <mx:filters>
        <mx:DropShadowFilter
            quality="1"
            color="gray"
            alpha="0.8"
            distance="0"
            blurX="4"
            blurY="4"
            strength="6"
        />
    </mx:filters>
</mx:Canvas>

Answer 3

Si quiere definirlo fuera del lienzo, puede hacer esto:

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
        width="780" height="100%">

   <mx:Canvas filters="[dropShadow]" width="200" height="200" backgroundColor="white"/>
   <mx:DropShadowFilter id="dropShadow" distance="0"/>

</mx:Application>

Answer 4

Es posible que puedas hacerlo con degrafa y skinning. Sus documentos son limitados, pero puede ver uno de los videos tutoriales sobre cómo crear máscaras. O mira su código de muestra. Solo asigne una piel programática degrafa al borde de su lienzo y puede agregar todo tipo de degradados funky, caminos, formas, lo que sea.

Answer 5

En flex 4 estoy usando lo siguiente. Solo quería publicar esto porque la propiedad de filtros debería verse a continuación en la imagen. (sí, sé que estoy usando un filtro de chispa en un objeto mx)

 <fx:Declarations>
    <s:GlowFilter
        id="glowBlack"
        alpha=".6"
        color="0x000000"
        inner="false"
        blurX="10"
        blurY="10"
        quality = "2"

        />

             <mx:Image id="rssIcon"
              height="70"
              filters="{[glowBlack]}"
              source="assets/rss/icon_rss.png"
              styleName="rssIconStyle"
              width="70"
              scaleContent="true"
              click="openRssSite(event)"
              "/>

Answer 6

Dependiendo de sus necesidades, usted podría salirse con la suya:

<mx:Canvas ... dropShadowEnabled="true" shadowDirection="right">

Hay advertencias .. delineadas aquí