Zum Inhalt springen

Maske auf geladenes Bild anwenden

Erstellt am 4. April 2009 · 2 Antworten · letzte Antwort am 9. April 2009

Tags: Bilder, Frage

derkrebs ·

Hallo,

ich bin dabei meine erste Seite mit Typo3 zu programmieren – bin also noch blutiger Anfänger.

Und ich bin auch gleich auf mein erstes Problem gestoßen: ich möchte in TypoScript ein Bild
mit abgerundeten Ecken integrieren. Außerdem sol das Bild eine Alpha-Transparenz erhalten,
damit der Hintergrund leicht durchscheint. Desweiteren soll auf das Bild Text gerendert werden.
Nun dachte ich mir, ich arbeite mit einer Maske und habe folgenden Code geschrieben:

(...)
MITTE = IMAGE		
MITTE.file = GIFBUILDER
MITTE.file {
			
	backColor = #FFFFFF
	XY = 800,30
	
	# Hintergrundbild
	10 = IMAGE
	10.file = fileadmin/images/hg_mittelbalken.png
	10.file.XY = 800,30
	10.offset = 0,0
	10.mask = fileadmin/images/hg_mittelbalken_maske.jpg
			
	# Text rendern
	30 = TEXT
	30.text  = Mustertext_1 | 
        30.fontFile = fileadmin/fonts/dailynews.ttf
        30.fontSize = 12
        30.fontColor = #000000
        30.niceText = 1
        30.offset = 13, 20
           		
        # Text rendern
	40 = TEXT
	40.text  = Mustertext_2
        40.fontFile = fileadmin/fonts/dailynews.ttf
        40.fontSize = 12
        40.fontColor = #666666
        40.niceText = 1
        40.offset = 13+[30.w]+5, 20
           		
} 
(...)

Leider funktioniert das aber nicht ganz – statt, dass um die abgrundeten Ecken herum
der Hintergrund der Site zu sehen ist, ist es dort weiß (siehe Link).
Meine Frage dazu ist nun, ob es grundsätzlich nicht möglich ist ein geladenes Bild
direkt zu maskieren?

Vielen Dank schonmal für die Hilfe!

Gruß, derkrebs

Bild: http://crawfish.macbay.de/_t3/ts.jpg

So soll's aussehen: http://crawfish.macbay.de/_t3/ts_richtig.jpg

sensomedia ·

hallo... probier doch mal transparentColor.
auch 'transparentBackground' sollte klappen, wenn das erste pixel links oben genau die farbe hat, die transparent werden soll. s.a.: TSref

...
MITTE = IMAGE		
MITTE.file = GIFBUILDER
MITTE.file {
			
	backColor = #FFFFFF
	XY = 800,30
-->	transparentColor = #FFFFFF


	# Hintergrundbild
	10 = IMAGE
	10.file = fileadmin/images/hg_mittelbalken.png
	...

greetz, iggy

derkrebs ·

Hallo Iggy,

etwas verspätet vielen Dank für Deine Hilfe – hab das Problem so lösen können!

Gruß, derkrebs