transparente Maske

[nihilfire]

Hallo!

Ich habe ein Canvas-Objekt welches ich mit einem Bild maskiere. In dem Canvas befindet sich noch ein Image-Child welches man mit der Maus verschieben kann. Ich hätte jetzt gerne, dass die Maske beim verschieben des Bildes transparent wird, damit man das komplette Bild beim verschieben sieht und die Maske dann beim MouseUp wieder normal wird.
Lieder klappt das mit der transparenten Maske nicht, es wird immer nur das Bild im Canvas transparent aber nicht die Maske selbt.

Hat wer ein Idee woran das Liegen könnte?

Hier mein Code:

<mx:Script>
    <![CDATA[
        import flash.events.MouseEvent;

        private function dimCanvasObjectOn(event:MouseEvent):void
        {
    		product.mask.alpha = 0.5;
	}
			
	private function dimCanvasObjectOff(event:MouseEvent):void
        {
    		product.mask.alpha = 1;
	}

	]]>
</mx:Script>
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">

<mx:Canvas id="canvasObject" 
		 cacheAsBitmap="true"
	         mask="{maskImage}"
                 mouseDown="dimCanvasObjectOn(event);" 
                 mouseUp="dimCanvasObjectOff(event);">
                 
                <mx:Image id="img"
		mouseDown="img.startDrag()" 
		mouseUp="img.stopDrag()"/>

</mx:Canvas>

<mx:Image id="maskImage"	
               cacheAsBitmap="true" 
               source="foo.png"/>

</mx:Application>

Danke und Gruß
nihilfire

[Guille]

ich weis nicht ob ich dich richtig verstanden habe, aber masken funktionieren nicht invers. Wenn du die transparenz einer maske runterziehst, dann wird dein maskiertes objekt auch transparent.

was du machen willst ist deine maske vergrößern,.. dann wird dein bild komplett angezeigt..

[nihilfire]

Ja, genau das möchte ich eben nicht.

Wie kann ich die Maske denn vergrößern?


Gruß
nihilfire

[Guille]

1. nimm als maske nicht ein image, sondern ein canvas mit hintergrundfarbe z.b.

2. width, heigth??

[nihilfire]

So würde ich beim mouseDown die Bildmaske gegen ein Canvas austauschen... aber ich möchte ja das man weiterhin die Form der Maske erahnen kann. Das ist dann wohl mit "mask" so nicht möglich oder doch?

Gruß
nihilfire

[Guille]

ach deine Maske ist ein Bild mit transparenzen?

beschreibe mal dein vorhaben,.. ich glaube dann verstehen wir uns besser ;-)

[nihilfire]

hast recht ;-)

Also, ich möchte den Nutzer die Möglichkeit geben ein Produkt nach seinen Wünschen zu gestalten. Er hat die Möglichkeit ein Bild hochzuladen und es dann in der Maske zu verschieben. Die Maske ist ein Bild es Produktes mit transparentem Hintergrund. Flex macht den Teil des Produktes Transparent und der Rest wird Weiß, so dass das hochgeladen Bild darin erscheint. Das Funktioniert so schon wunderbar. Nur hätte halt gern, dass das ganze Bild beim museDown sichtbar wird bzw. der undurchsichtige Teil des Produktes transparent.

Ein Beispiel:
http://www.imgbox.de/?img=k43710m102.jpg


Gruß
nihilfire

[Guille]

ach so :-)

versuch mal die maske auszuschalten bei mouse-down, und wieder einzuschalten bei mouse-up...

[nihilfire]

Das geht, wenn ich

product.mask = null;

beim museDown schreibe,

product.mask = maskImage;

beim mouseUp und beim maskImage

visible = false

setzte.
Aber dann kann man ja die Umrisse nicht mehr sehen :-(

Gruß
nihilfire