Italian community of Lazarus and Free Pascal

Programmazione => Graphics => Topic aperto da: panfra - Aprile 22, 2021, 10:43:36 am

Titolo: canvas trasparente
Inserito da: panfra - Aprile 22, 2021, 10:43:36 am
ho un canvas Timage che di suo ha il colore nero di fondo. come posso farlo diventare trasparente o metterci un altro colore? Grazie.

Codice: [Seleziona]

  imagegen.Picture.Bitmap.MaskHandle:=0;
  Imagegen.Picture.Bitmap.Transparent := True;

Titolo: Re:canvas trasparente
Inserito da: bonmario - Aprile 22, 2021, 01:00:26 pm
Vado a memoria, dovrebbe bastare questa:
Codice: [Seleziona]
Imagegen.Bitmap.TransparentMode:=tmFixed;

Ciao, Mario
Titolo: Re:canvas trasparente
Inserito da: panfra - Aprile 22, 2021, 01:56:01 pm
io ho messo così..

Codice: [Seleziona]
 Imagegen.Picture.Bitmap.TransparentMode:=tmFixed;


ma non mi funziona....rimane nero. :)
Titolo: Re:canvas trasparente
Inserito da: bonmario - Aprile 22, 2021, 03:22:52 pm
Ok, la mia memoria non funziona !!!

Sono andato a vedere nell'unico progetto che ho dove la uso, ed il codice è questo:
Codice: [Seleziona]
          VFLettaIcona:=False;
          if (FileExistsUTF8(PercorsoIcona)) then begin
            WrkImage.Transparent:=True;
            WrkImage.Picture.LoadFromFile(UTF8ToSys(PercorsoIcona));

            //Comunico al chiamante che sono riuscito a leggere l'icona
            VFLettaIcona:=True;
          end;


Anche qui vado a memoria, e spero di non ricordarmi male, ma credo che sia essenziale impostare il "Transparent" PRIMA di caricare l'icona.


Dimenticavo: la dichiarazione di WrkImage è questa:
Codice: [Seleziona]
WrkImage:TImage;

Ciao, Mario
Titolo: Re:canvas trasparente
Inserito da: DragoRosso - Aprile 22, 2021, 03:50:34 pm
Uhmmm, non sò se sono cambiate le cose .... ma fino a poco tempo fà per immagini bitmap o jpeg, il trasparente veniva definito con la proprietà "transparent" a true e come colore trasparente il colore del pixel nell'angolo in basso a sinistra dell'immagine.

Provate a verificare......
Titolo: Re:canvas trasparente
Inserito da: panfra - Aprile 22, 2021, 05:00:01 pm
non e' una immagine che voglio caricare. utilizzo in componente per disegnare e vorrei che lo sfondo possa cambiare colore.
grazie.
Titolo: Re:canvas trasparente
Inserito da: bonmario - Aprile 22, 2021, 05:09:20 pm
Scusa, ma non ti seguo ... gli vuoi cambiare colore o lo vuoi rendere trasparente?
Di quale componente stiamo parlando?

Se lo vuoi rendere trasparente, potresti guardare qui:
http://www.lazarus.freepascal.org/index.php/topic,8488.0.html

Teoricamente, se invece di passargli l'handle del form gli passi quello del componente, dovrebbe funzionare

Ciao, Mario
Titolo: Re:canvas trasparente
Inserito da: panfra - Aprile 22, 2021, 08:17:01 pm
ho messo la variabile   transparency, come globale e ho inserito il seguente codice :
Codice: [Seleziona]

 SetTranslucent (imagegen.canvas.Handle, transparency, 0);


ma non mi fa' niente...
 :)
Titolo: Re:canvas trasparente
Inserito da: DragoRosso - Aprile 22, 2021, 09:17:03 pm
Ciao, scarica l'allegato.
Vedrai cosa intendo dire.

L'Image1 e l'Image2 hanno il pixel in basso a sinistra con valore diverso.

Premi il pulsante e vedi la differenza.

Non c'entra load del file o draw della canvas.

Il valore del pixel deve ESSERE IDENTICO al valore del tuo sfondo. In genere con il JPG o immagini derivate da jpg il risultato è pessimo (come nell'esempio).

Per quello che riguarda invece il colore di sfondo e la sua modifica, dei usare le primitive delle canvas con gli oggetti Brush e Pen (attenzione devono essere oggetti non appartenenti alla Canvas, poi con Assign abbinati alla canvas stessa).

Poi ci sono delle tecniche più complesse che comprendono OpenGL, GDI+, 3DFX .... ma questo è un altro mondo.

Spero di averti dato un aiuto.
Titolo: Re:canvas trasparente
Inserito da: panfra - Aprile 22, 2021, 09:39:27 pm
Il risultato non è granchè..
 :'(
Titolo: Re:canvas trasparente
Inserito da: DragoRosso - Aprile 22, 2021, 09:51:35 pm
Guarda che l'esempio voleva solo essere indicativo su come funziona la trasparenza con le TBitmap.
Questo è il funzionamento base e predefinito.

La qualità è pessima perchè i colori dei due pixel non sono dello sfondo ma colori a caso. Comunque non sarebbe possibile fare ciò che vuoi con queste due immagini: lo sfondo non è omogeneo.

Se invece parti da una canvas vuota, puoi fare quello che vuoi con risultati ottimi.

Ciao.
Titolo: Re:canvas trasparente
Inserito da: panfra - Aprile 23, 2021, 08:44:35 am
ci ho provato, ma non funzia..
posso almeno cambiare colore allo sfondo, tralasciando la trasparenza?
Grazie..
 :'(
Titolo: Re:canvas trasparente
Inserito da: nomorelogic - Aprile 23, 2021, 09:01:42 am
per cambiare i colori di un bitmap devi accedere alla matrice dei pixel

hai già letto questo link?
https://wiki.freepascal.org/Fast_direct_pixel_access (https://wiki.freepascal.org/Fast_direct_pixel_access)

cerca nei titoli ad esempio l'accesso ai pixel per linea, titolo = Pixel operation optimization


Edit:
il BGRABitmap è una bitmap avanzata (con questo componente è scritto LazPaint)
non l'ho mai usato ma dovrebbe gestire l'opacità della penna
https://wiki.freepascal.org/BGRABitmap_tutorial#More (https://wiki.freepascal.org/BGRABitmap_tutorial#More)


Titolo: Re:canvas trasparente
Inserito da: DragoRosso - Aprile 23, 2021, 12:33:09 pm
Ciao,
allora tornando a ciò che è stato detto, ci sono diversi modi per fare il tutto.

Se vuoi rimanere sul semplice, ti ho postato un progetto che fà ciò che vuoi in vari modi (compresa la trasparenza).

Puoi partire da li e poi puoi eventualmente proseguire con meotdi più avanzati, come ad esempio @nomorelogic ti ha indicato.

Ciao
Titolo: Re:canvas trasparente
Inserito da: panfra - Aprile 24, 2021, 09:51:18 am
con i colori va tutto ok.
con le trasparenze no e non so' perchè funziona.
grazie.
Titolo: Re:canvas trasparente
Inserito da: DragoRosso - Aprile 24, 2021, 09:57:19 am
Compilando il progetto, eseguendolo e premendo il tasto "trasparency on/off" compare la scritta verde sotto l'immagine ? Scompare lo sfondo bianco ?

Questa è la trasparenza.

Poi, da qua a fare altri effetti bisogna proseguire come ti è stato consigliato.

Saluti
Titolo: Re:canvas trasparente
Inserito da: DragoRosso - Aprile 24, 2021, 04:04:40 pm
Citazione da: panfra - Aprile 24, 2021, 09:51:18 am
con i colori va tutto ok.
con le trasparenze no e non so' perchè funziona.
grazie.

Rileggi i post precedenti, è spiegato come funziona la trasparenza.

Il colore del pixel in basso a sinistra determina la trasparenza. Con questa tecnica.
Nel progetto che ho postato funziona perchè lo sfondo è omogeneo ed è dello stesso colore del pixel in basso a sinistra.

E basta semplicemente attivarla:
Codice: [Seleziona]
Image1.Transparent:= true;

Ciao