Differenze tra le versioni di "Generare un file immagine da una DrawingArea"

Da Gambas-it.org - Wikipedia.
 
(40 versioni intermedie di uno stesso utente non sono mostrate)
Riga 2: Riga 2:
 
* utilizzare le sole funzioni di Gambas;
 
* utilizzare le sole funzioni di Gambas;
 
* utilizzare le funzioni esterne della libreria di ''X11'';
 
* utilizzare le funzioni esterne della libreria di ''X11'';
 +
* utilizzare le funzioni esterne delle librerie di ''X11'' e di ''Cairo'';
 
* utilizzare le funzioni esterne delle librerie di ''X11'' e di ''Imlib2''.
 
* utilizzare le funzioni esterne delle librerie di ''X11'' e di ''Imlib2''.
  
  
 
==Utilizzare le sole funzioni di Gambas==
 
==Utilizzare le sole funzioni di Gambas==
L'uso delle sole funzioni fornite dirattemente da Gambas consente di adottare almeno quattro modalità.
+
L'uso delle sole funzioni fornite direttemente da Gambas consente di adottare almeno quattro modalità.
  
===1<SUP>a</sup> modalità===
+
===Usando un Oggetto "Image" di appoggio===
La prima modalità è la più semplice fra quelle previste in questa pagina. Viene utilizzata la Classe ''DesktopWindow''; e pertanto sarà necessario attivare i Componenti ''gb.desktop'' e ''gb.desktop.x11'' .
+
La prima modalità è la più semplice fra quelle previste in questa pagina. Consiste nel disegnare in immediata successione la medesima cosa sia nella ''DrawingArea'' che in un distinto Oggetto ''Image'', il quale poi verrà salvato in un file immagine.
 +
 
 +
Mostriamo un semplice esempio pratico:
 +
Private DrawingArea1 As DrawingArea
 +
Private im As Image
 +
 +
 +
Public Sub Form_Open()
 +
 
 +
  With DrawingArea1 = New DrawingArea(Me) As "DrawingArea1"
 +
    .X = 0
 +
    .Y = 0
 +
    .W = Me.W
 +
    .H = Me.H
 +
    .Background = Color.White
 +
  End With
 +
 
 +
<FONT Color=gray>' ''Crea un'immagine delle medesime fattezze della "DrawingArea":''</font>
 +
  im = New Image(DrawingArea1.W, DrawingArea1.H, DrawingArea1.Background, Image.Standard)
 +
 
 +
End
 +
 
 +
 +
Public Sub DrawingArea1_Draw()  <FONT Color=gray>' ''Nella medesima routine disegna sia sulla "DrawingArea" che nell'Oggetto "Image":''</font>
 +
 
 +
<FONT Color=gray>' ''Disegna sulla "DrawingArea":''</font>
 +
  With Paint
 +
    .Brush = .Color(Color.Orange)
 +
    .Ellipse(100, 100, 100, 100, Rad(0), Rad(360), False)
 +
    .Fill
 +
<FONT Color=gray>' ''Disegna nell'Oggetto "Image":''</font>
 +
    .Begin(im)
 +
    .Brush = .Color(Color.Orange)
 +
    .Ellipse(100, 100, 100, 100, Rad(0), Rad(360), False)
 +
    .Fill
 +
    .End
 +
  End With
 +
 
 +
<FONT Color=gray>' ''Salva il contenuto dell'Oggetto "Image" in un file immagine:''</font>
 +
  im.Save("/tmp/immagine.png", 100)
 +
 
 +
End
 +
 
 +
 
 +
===Usando la Classe "DesktopWindow" del Componente gb.desktop.x11===
 +
La seconda modalità utilizza la Classe "DesktopWindow"; e pertanto sarà necessario attivare il Componente ''gb.desktop.x11'' .
  
 
Mostriamo un esempio pratico:
 
Mostriamo un esempio pratico:
  '''Public''' Sub Form_Open()
+
  Private DrawingArea1 As DrawingArea
 +
Private Button1 As Button
 +
 +
 +
Public Sub Form_Open()
 
    
 
    
   With DrawingArea1
+
   With Me
     .Background = Color.White
+
    .W = Screen.AvailableWidth * 0.3
     .W = 300
+
    .H = Screen.AvailableHeight * 0.3
     .H = 40
+
    .Center
 +
  End With
 +
  With DrawingArea1 = New DrawingArea(Me) As "DrawingArea1"
 +
     .X = 0
 +
    .Y = 0
 +
     .W = Me.W
 +
     .H = Me.H * 0.5
 +
  End With
 +
  With Button1 = New Button(Me) As "Button1"
 +
    .W = Me.W * 0.2
 +
    .H = Me.H * 0.3
 +
    .X = (Me.W / 2) - (.W / 2)
 +
    .Y = Me.H * 0.6
 
   End With
 
   End With
 
    
 
    
  '''End'''
+
  End
 
   
 
   
 
   
 
   
  '''Public''' Sub DrawingArea1_Draw()
+
  Public Sub DrawingArea1_Draw()
 
    
 
    
 
   Dim c As Integer[] = [Color.Blue, Color.Green, Color.Yellow, Color.Red]
 
   Dim c As Integer[] = [Color.Blue, Color.Green, Color.Yellow, Color.Red]
 
   Dim p As Float[] = [0, 0.34, 0.67, 1]
 
   Dim p As Float[] = [0, 0.34, 0.67, 1]
 +
 
 +
<FONT Color=gray>' ''Disegniamo all'interno della "DrawingArea":''</font>
 +
  With Paint
 +
    .Brush = .LinearGradient(0, 0, DrawingArea1.W, DrawingArea1.H, c, p)
 +
    .Rectangle(0, 0, DrawingArea1.W, DrawingArea1.H)
 +
    .Fill
 +
  .End
 +
  End With
 
    
 
    
  <FONT Color=gray>' ''Disegnamo all'interno della "DrawingArea":''</font>
+
  End
  With Paint
 
    .Brush = .LinearGradient(0, 0, DrawingArea1.W, DrawingArea1.H, c, p)
 
    .Rectangle(0, 0, DrawingArea1.W, DrawingArea1.H)
 
    .Fill
 
    .End
 
  End With
 
 
 
'''End'''
 
 
   
 
   
 
   
 
   
  '''Public''' Sub Button1_Click()
+
  Public Sub Button1_Click() <FONT Color=gray>' ''Cliccando sul tasto, viene generato il file immagine di quanto mostrato nella "DrawingArea"''</font>
 
    
 
    
 
   Dim dw As DesktopWindow
 
   Dim dw As DesktopWindow
 
   Dim pc As Picture
 
   Dim pc As Picture
 
    
 
    
  With dw = New DesktopWindow(DrawingArea1.Handle)
+
  With dw = New DesktopWindow(DrawingArea1.Handle)
    pc = .GetScreenshot(True)
+
    pc = .GetScreenshot(True)
  End With
+
  End With
 
      
 
      
  pc.Save("/tmp/immagine.png", 100)
+
  pc.Save("/tmp/immagine.png", 100)
 
    
 
    
  '''End'''
+
  End
  
  
===2<SUP>a</sup> modalità===
+
===Usando il Metodo ".Screenshot()" della Classe "Desktop" del Componente gb.desktop.x11===
La seconda modalità è molto simile alla precedente con la differenza che viene utilizzato il Metodo "''.Screenshot( )''" della Classe "''Desktop''".
+
La terza modalità è molto simile alla precedente con la differenza che viene utilizzato il Metodo ".Screenshot()" della Classe "Desktop".
 +
<BR>Anche in questo caso è necessario attivare il Componente ''gb.desktop.x11'' .
  
 
Mostriamo un esempio pratico:
 
Mostriamo un esempio pratico:
  '''Public''' Sub Form_Open()
+
  Private DrawingArea1 As DrawingArea
 +
Private Button1 As Button
 +
 +
 +
Public Sub Form_Open()
 
    
 
    
   With DrawingArea1
+
   With Me
     .Background = Color.White
+
    .W = Screen.AvailableWidth * 0.3
     .W = 300
+
    .H = Screen.AvailableHeight * 0.3
     .H = 40
+
    .Center
 +
  End With
 +
  With DrawingArea1 = New DrawingArea(Me) As "DrawingArea1"
 +
     .X = 0
 +
    .Y = 0
 +
     .W = Me.W
 +
     .H = Me.H * 0.5
 +
  End With
 +
  With Button1 = New Button(Me) As "Button1"
 +
    .W = Me.W * 0.2
 +
    .H = Me.H * 0.3
 +
    .X = (Me.W / 2) - (.W / 2)
 +
    .Y = Me.H * 0.6
 
   End With
 
   End With
 
    
 
    
  '''End'''
+
  End
 
   
 
   
 
   
 
   
  '''Public''' Sub DrawingArea1_Draw()
+
  Public Sub DrawingArea1_Draw()
 
    
 
    
 
   Dim c As Integer[] = [Color.Blue, Color.Green, Color.Yellow, Color.Red]
 
   Dim c As Integer[] = [Color.Blue, Color.Green, Color.Yellow, Color.Red]
Riga 74: Riga 153:
 
    
 
    
 
  <FONT Color=gray>' ''Disegnamo all'interno della "DrawingArea":''</font>
 
  <FONT Color=gray>' ''Disegnamo all'interno della "DrawingArea":''</font>
  With Paint
+
  With Paint
    .Brush = .LinearGradient(0, 0, DrawingArea1.W, DrawingArea1.H, c, p)
+
    .Brush = .LinearGradient(0, 0, DrawingArea1.W, DrawingArea1.H, c, p)
    .Rectangle(0, 0, DrawingArea1.W, DrawingArea1.H)
+
    .Rectangle(0, 0, DrawingArea1.W, DrawingArea1.H)
    .Fill
+
    .Fill
 
     .End
 
     .End
  End With
+
  End With
 
    
 
    
  '''End'''
+
  End
 
   
 
   
 
   
 
   
  '''Public''' Sub Button1_Click()
+
  Public Sub Button1_Click()
 
    
 
    
 
   Dim pc As Picture
 
   Dim pc As Picture
 
+
 
  pc = Desktop.Screenshot(DrawingArea1.ScreenX, DrawingArea1.ScreenY, DrawingArea1.Width, DrawingArea1.Height)
+
  With pc = Desktop.Screenshot(DrawingArea1.ScreenX, DrawingArea1.ScreenY, DrawingArea1.Width, DrawingArea1.Height)
      
+
     .Save("/tmp/immagine.png", 100)
  pc.Save("/tmp/immagine.png", 100)
+
  End With
 
+
 
  '''End'''
+
  End
  
  
===3<SUP>a</sup> modalità===
+
===Usando la Classe "Printer", nonché la Classe "PdfDocument" del Componente gb.poppler===
La terza modalità richiede un procedimento più complesso, che può essere così brevemente esplicitato:
+
La quarta modalità richiede un procedimento più complesso, che può essere così brevemente esplicitato:
 
* disegno e/o scrivo nella DrawingArea;
 
* disegno e/o scrivo nella DrawingArea;
 
* [[Printer#Stampare_in_un_file_.pdf_o_.ps|creo il file PDF]] mediante la proprietà .OutputFile della Classe Printer;
 
* [[Printer#Stampare_in_un_file_.pdf_o_.ps|creo il file PDF]] mediante la proprietà .OutputFile della Classe Printer;
* utilizzando il file PDF, [[Codice_essenziale_per_mostrare_un_file_PDF|converto la pagina PDF in una Image]] (è necessario attivare il componente gb.pdf);
+
* utilizzando il file PDF, [[Codice_essenziale_per_mostrare_un_file_PDF_con_le_risorse_del_Componente_gb.poppler|converto la pagina PDF in una Image]] (è necessario attivare il componente gb.poppler); <SUP>&#91;[[#Note|nota 1]]&#93;</sup>
* quindi salvo detta Image con il suo metodo "''.Save( )''" in un file immagine.
+
* quindi salvo detta Image con il suo Metodo ".Save()" in un file immagine.
 
 
  
 
Mostriamo di seguito un esempio:
 
Mostriamo di seguito un esempio:
  '''Public''' Sub DrawingArea1_Draw()
+
  Private DrawingArea1 As DrawingArea
 +
Private Button1 As Button
 +
Private Button2 As Button
 +
Private Printer1 As Printer
 +
 +
Public Sub Form_Open()
 +
 +
  With Me
 +
    .W = Screen.AvailableWidth * 0.5
 +
    .H = Screen.AvailableHeight
 +
    .Center
 +
  End With
 +
  With DrawingArea1 = New DrawingArea(Me) As "DrawingArea1"
 +
    .X = 0
 +
    .Y = 0
 +
    .W = Me.W * 0.8
 +
    .H = Me.H
 +
    .Background = Color.White
 +
  End With
 +
  With Button1 = New Button(Me) As "Button1"
 +
    .W = Me.W * 0.1
 +
    .H = Me.H * 0.1
 +
    .X = (Me.W / 1.1) - (.W / 2)
 +
    .Y = Me.H * 0.3
 +
    .Text = "1"
 +
  End With
 +
  With Button2 = New Button(Me) As "Button2"
 +
    .W = Me.W * 0.1
 +
    .H = Me.H * 0.1
 +
    .X = (Me.W / 1.1) - (.W / 2)
 +
    .Y = Me.H * 0.6
 +
    .Text = "2"
 +
  End With
 
    
 
    
  With Paint
+
End
    .Brush = Paint.Color(Color.Red)
+
    .MoveTo(200, 200)
+
    .RelLineTo(0, 100)
+
Public Sub DrawingArea1_Draw()
    .Stroke
+
 
    .DrawText("Testo con DrawText", 10, 10, 20, 20)
+
  With Paint
    .End
+
    .Brush = Paint.Color(Color.Red)
  End With
+
    .MoveTo(200, 200)
 +
    .RelLineTo(0, 100)
 +
    .Stroke
 +
    .DrawText("Testo con DrawText", 10, 10, 20, 20)
 +
    .End
 +
  End With
 
      
 
      
  '''End'''
+
  End
 
   
 
   
 
   
 
   
  '''Public''' Sub Button1_Click()
+
  Public Sub Button1_Click()
 
   
 
   
  With Printer1
+
  With Printer1
    .Configure
+
    .Configure
    .Orientation = 0
+
    .Orientation = Printer.Portrait
    .Paper = 2
+
    .Paper = Printer.A4
    .Resolution = Desktop.Resolution
+
    .Resolution = Desktop.Resolution
  <FONT color=gray>' ''Stampa/crea un file .pdf:''</font>
+
  <FONT color=gray>' ''Stampa/crea un file .pdf nella cartella "/tmp":''</font>
    .OutputFile = "''/tmp/mio_file.pdf''"
+
    .OutputFile = "<FONT Color=gray>''/tmp/file.pdf''</font>"
    .Print
+
    .Print
  End With
+
  End With
 
   
 
   
  '''End'''
+
  End
 
   
 
   
 
   
 
   
  '''Public''' Sub Printer1_Draw()
+
  Public Sub Printer1_Draw()
 
   
 
   
 
   DrawingArea1_Draw()
 
   DrawingArea1_Draw()
 
   
 
   
  '''End'''
+
  End
 
   
 
   
 
   
 
   
  '''Public''' Sub Button2_Click()
+
  Public Sub Button2_Click()
 
  Dim pdf As New PdfDocument
 
  Dim i As New Image
 
 
   
 
   
 +
  Dim pdf As PdfDocument
 +
  Dim im As Image
 
    
 
    
  With pdf
+
  <FONT Color=gray>' ''Apre il file PDF prima generato:''</font>
    .Open("''/tmp/mio_file.pdf''")
+
  pdf = New PdfDocument("<FONT Color=gray>''/tmp/file.pdf''</font>")
  <FONT color=gray>' ''Se il file pdf è stato caricato correttamente...''</font>
 
    If .Ready = True Then
 
<FONT color=gray>' ''...allora convertiamo la prima pagina ("indice" delle pagine = 1) in una "Image":''</font>
 
      i = pdf[1].Image
 
 
<FONT color=gray>' ''Infine salviamo l'Image in un file immagine
 
' ''(è necessario scegliere il tipo di file immagine fra quelli supportati):''</font>
 
      i.Save("''/tmp/mio_file_immagine.xxx''")
 
 
    Else
 
      Message.Error("&lt;FONT color=darkred>Errore nel caricamento del file PDF !")
 
 
      
 
      
    Endif
+
<FONT Color=gray>' ''Genera una "Image" dalla 1^ pagina del file PDF aperto:''</font>
 +
  im = pdf[0].Render()
 +
 
 +
  im.Save("<FONT Color=gray>''/tmp/immagine.png''</font>", 100)
 
   
 
   
  End With
+
  End
 
  '''End'''
 
  
  
===4<SUP>a</sup> modalità===
+
===Usando le Classi "MediaPipeline" e "MediaControl" del Componente gb.media===
La quarta modalità ha una procedura più semplice, ma si basa sostanzialmente nel disegnare la medesima cosa sia nella ''DrawingArea'' che in un distinto oggetto ''Image'', che poi verrà salvato. Pertanto, tale modalità appare una soluzione poco ''raffinata''.
+
Questa modalità prevede l'uso delle Classi "MediaPipeline" e "MediaControl" del Componente gb.media.
 +
<BR>In particolare si catturerà quanto mostrato dalla ''DrawingArea'', assegnando il suo numero identificativo alla Proprietà "xid" del plugin "ximagesrc" di GStreamer, e si provvederà a salvare in un file immagine.
  
Mostriamo un semplice esempio pratico:
+
====Generare un file JPG====
  '''Public''' Sub DrawingArea1_Draw()
+
Mostriamo un esempio, nel quale si genererà un file JPG:
 +
  Public Sub DrawingArea1_Draw()
 +
 +
  Dim c As Integer[] = [Color.Blue, Color.Green, Color.Yellow, Color.Red]
 +
  Dim p As Float[] = [0, 0.34, 0.67, 1]
 +
 +
<FONT Color=gray>' ''Disegna all'interno della "DrawingArea":''</font>
 +
  With Paint
 +
    .Brush = .LinearGradient(0, 0, DrawingArea1.W, DrawingArea1.H, c, p)
 +
    .Rectangle(0, 0, DrawingArea1.W, DrawingArea1.H)
 +
    .Fill
 +
  .End
 +
  End With
 +
 +
End
 +
 +
 +
Public Sub Button1_Click()
 +
 +
  Dim pl As MediaPipeline
 +
  Dim xis, con, enc, snk As MediaControl
 +
  Dim temporaneo As String
 +
 +
  temporaneo = Temp
 +
 +
  pl = New MediaPipeline
 +
 +
  xis = New MediaControl(pl, "ximagesrc")
 +
  xis["xid"] = DrawingArea1.Id
 +
  con = New MediaControl(pl, "videoconvert")
 +
  enc = New MediaControl(pl, "jpegenc")
 +
  snk = New MediaControl(pl, "filesink")
 +
  snk["location"] = temporaneo
 
    
 
    
  Disegno()
+
<FONT Color=gray>' ''Collega fra loro i plugin di "GStreamer":''</font>
 +
  xis.LinkTo(con)
 +
  con.LinkTo(enc)
 +
  enc.LinkTo(snk)
 +
 
 +
<FONT Color=gray>' ''Effettua la cattura di quanto mostrato dalla "DrawingArea":''</font>
 +
  pl.Play()
 +
 +
  Repeat
 +
    Wait 0.01
 +
  Until Stat(temporaneo).Size > 0
 +
 +
  Copy temporaneo To "/tmp/immagine.jpg"
 +
  pl.Stop
 +
  pl.Close
 +
 +
End
 +
 
 +
====Generare un file PNG====
 +
Volendo invece generare un file immagine di formato PNG, la seconda sub-routine dell'esempio precedente sarà così impostata:
 +
  Public Sub Button1_Click()
 +
 +
  Dim pl As MediaPipeline
 +
  Dim xis, con, enc, snk As MediaControl
 +
  Dim temporaneo As String
 +
 +
  temporaneo = Temp
 +
 +
  pl = New MediaPipeline
 +
 +
  xis = New MediaControl(pl, "ximagesrc")
 +
  xis["xid"] = DrawingArea1.Id
 +
  con = New MediaControl(pl, "videoconvert")
 +
  enc = New MediaControl(pl, "pngenc")
 +
  snk = New MediaControl(pl, "filesink")
 +
  snk["location"] = temporaneo
 
    
 
    
  '''End'''
+
  <FONT Color=gray>' ''Collega fra loro i plugin di "GStreamer":''</font>
 +
  xis.LinkTo(con)
 +
  con.LinkTo(enc)
 +
  enc.LinkTo(snk)
 
    
 
    
 +
<FONT Color=gray>' ''Effettua la cattura di quanto mostrato dalla "DrawingArea":''</font>
 +
  pl.Play()
 +
 +
  Repeat
 +
    Wait 0.01
 +
  Until Stat(temporaneo).Size > 0
 +
 +
  Copy temporaneo To "/tmp/immagine.png"
 +
  pl.Stop
 +
  pl.Close
 
   
 
   
  '''Public''' Sub Button1_Click()
+
  End
 +
 
 +
====Generare un file BMP====
 +
Volendo invece generare un file immagine di formato BMP, la seconda sub-routine dell'esempio precedente sarà così impostata:
 +
  Public Sub Button1_Click()
 +
 +
  Dim pl As MediaPipeline
 +
  Dim xis, con, enc, snk As MediaControl
 +
  Dim temporaneo As String
 +
 +
  temporaneo = Temp
 +
 +
  pl = New MediaPipeline
 +
 +
  xis = New MediaControl(pl, "ximagesrc")
 +
  xis["xid"] = DrawingArea1.Id
 +
  con = New MediaControl(pl, "videoconvert")
 +
  enc = New MediaControl(pl, "avenc_bmp")
 +
  snk = New MediaControl(pl, "filesink")
 +
  snk["location"] = temporaneo
 +
 
 +
<FONT Color=gray>' ''Collega fra loro i plugin di "GStreamer":''</font>
 +
  xis.LinkTo(con)
 +
  con.LinkTo(enc)
 +
  enc.LinkTo(snk)
 
    
 
    
  Dim im As Image
+
  <FONT Color=gray>' ''Effettua la cattura di quanto mostrato dalla "DrawingArea":''</font>
 
+
   pl.Play()
  <FONT Color=gray>' ''Crea un'immagine delle medesime dimensioni della "DrawingArea":''</font>
+
  im = New Image(DrawingArea1.Width, DrawingArea1.Height, Color.White)
+
   Repeat
    
+
    Wait 0.01
  With Paint
+
  Until Stat(temporaneo).Size > 0
    .Begin(im)
 
    Disegno()
 
  End With
 
    
 
  im.Save("/tmp/immagine.png", 100)
 
 
 
'''End'''
 
 
   
 
   
 +
  Copy temporaneo To "/tmp/immagine.bmp"
 +
  pl.Stop
 +
  pl.Close
 
   
 
   
  '''Private''' Sub Disegno()  <FONT Color=gray>' ''Imposta il medesimo disegno sia per la "DrawingArea" che per l'oggetto "Image"''</font>
+
  End
 
 
  With Paint
 
    .Brush = Paint.Color(Color.Red)
 
    .Ellipse(100, 10, 100, 100)
 
    .Stroke
 
    .End
 
  End With
 
 
 
'''End'''
 
 
 
  
  
 
==Uso delle funzioni esterne del API di ''X11''==
 
==Uso delle funzioni esterne del API di ''X11''==
L'uso delle risorse della libreria esterna ''X11'', opportunamente combinate con quelle di Gambas, consente un procedimento molto più snello ripetto al precedente. Tale modalità richiede nel codice Gambas la dichiarazione della libreria dinamica condivisa: "''libX11.so.6.3.0''"
+
L'uso delle risorse della libreria esterna ''X11'', opportunamente combinate con quelle di Gambas, consente un procedimento molto più snello ripetto al precedente. Tale modalità richiede nel codice Gambas la dichiarazione della libreria condivisa: "''libX11.so.6.4.0'' ".
  
 
Sussistono almeno due modalità.
 
Sussistono almeno due modalità.
<BR>Al fine di evitare che la funzione esterna "''XGetImage( )''" ritorni un Puntatore nullo, bisognerà avere massima cura che le dimensioni del ''Form'' siano sufficientemente superiori alle dimensioni della ''DrawingArea'' contenuta.
+
<BR>Al fine di evitare che la funzione esterna "XGetImage()" ritorni un Puntatore nullo, bisognerà avere massima cura che le dimensioni del ''Form'' siano sufficientemente superiori alle dimensioni della ''DrawingArea'' contenuta.
  
 
===1<SUP>a</sup> modalità===
 
===1<SUP>a</sup> modalità===
La prima modalità prevede l'assegnazione dei dati dei pixel della ''DrawingArea'', contenuti nell'area di memoria puntata dal ''Puntatore'' restituito dalla funzione esterna ''XGetImage( )'' della libreria di X11, direttamente all'area di memoria puntata dalla proprietà ''.Data'' di un oggetto ''Image'' preliminarmente creato.
+
La prima modalità prevede l'assegnazione dei dati dei pixel della ''DrawingArea'', contenuti nell'area di memoria puntata dal ''Puntatore'' restituito dalla funzione esterna "XGetImage()" della libreria di X11, direttamente all'area di memoria puntata dalla Proprietà ".Data" di un Oggetto ''Image'' preliminarmente creato.
  
  
Mostriamo un esempio pratico (è necessario porre sul ''Form'' una ''DrawingArea'' e un ''Button''):
+
Mostriamo un esempio pratico (è necessario porre sul ''Form'' una ''DrawingArea'' e un ''Button''): <SUP>&#091;[[#Note|Nota 2]]&#093;</sup>
  Library "libX11:6.3.0"
+
  Library "libX11:6.4.0"
 +
 +
Public Struct funcs
 +
  create_image As Pointer
 +
  destroy_image As Pointer
 +
  get_pixel As Pointer
 +
  put_pixel As Pointer
 +
  sub_image As Pointer
 +
  add_pixel As Pointer
 +
End Struct
 +
 +
Public Struct XImage
 +
  width As Integer
 +
  height As Integer
 +
  xoffset As Integer
 +
  gformat As Integer
 +
  data As Pointer
 +
  byte_order As Integer
 +
  bitmap_unit As Integer
 +
  bitmap_bit_order As Integer
 +
  bitmap_pad As Integer
 +
  depth As Integer
 +
  bytes_per_line As Integer
 +
  bits_per_pixel As Integer
 +
  red_mask As Long
 +
  green_mask As Long
 +
  blue_mask As Long
 +
  obdata As Pointer
 +
  func As Struct Funcs
 +
End Struct
 
   
 
   
 
  Private Enum XYBitmap = 0, XYPixmap, ZPixmap
 
  Private Enum XYBitmap = 0, XYPixmap, ZPixmap
Riga 225: Riga 449:
 
  <FONT Color=gray>' ''Display *XOpenDisplay(char *display_name)''
 
  <FONT Color=gray>' ''Display *XOpenDisplay(char *display_name)''
 
  ' ''Opens a connection to the X server that controls a display.''</font>
 
  ' ''Opens a connection to the X server that controls a display.''</font>
  Private Extern XOpenDisplay(display_name As String) As Pointer
+
  Private Extern XOpenDisplay(display_name As Pointer) As Pointer
 
   
 
   
 
  <FONT Color=gray>' ''unsigned long XAllPlanes()''
 
  <FONT Color=gray>' ''unsigned long XAllPlanes()''
Riga 233: Riga 457:
 
  <FONT Color=gray>' ''XImage *XGetImage(Display *display, Drawable d, int x, int y, unsigned int width, unsigned int height, unsigned long plane_mask, int format)''
 
  <FONT Color=gray>' ''XImage *XGetImage(Display *display, Drawable d, int x, int y, unsigned int width, unsigned int height, unsigned long plane_mask, int format)''
 
  ' ''Returns a pointer to an XImage structure.''</font>
 
  ' ''Returns a pointer to an XImage structure.''</font>
  Private Extern XGetImage(display As Pointer, d As Long, xI As Integer, yI As Integer, wid As Integer, hei As Integer, plane_mask As Long, formatI As Integer) As Pointer
+
  Private Extern XGetImage(display As Pointer, d As Long, x As Integer, y As Integer, width As Integer, height As Integer, plane_mask As Long, xformat As Integer) As XImage
 
    
 
    
 
  <FONT Color=gray>' ''XCloseDisplay(Display *display)''
 
  <FONT Color=gray>' ''XCloseDisplay(Display *display)''
Riga 240: Riga 464:
 
   
 
   
 
   
 
   
  '''Public''' Sub Form_Open()
+
  Public Sub Form_Open()
 
   
 
   
 
  <FONT Color=gray>' ''Imposta alcune proprietà della "DrawingArea":''</font>
 
  <FONT Color=gray>' ''Imposta alcune proprietà della "DrawingArea":''</font>
Riga 247: Riga 471:
 
     .Y = 10
 
     .Y = 10
 
     .W = 400
 
     .W = 400
     .H = 300
+
     .H = 400
 
     .Background = Color.White
 
     .Background = Color.White
 
   End With
 
   End With
 
    
 
    
  '''End'''
+
  End
 
   
 
   
 
   
 
   
  '''Public''' Sub DrawingArea1_Draw()
+
  Public Sub DrawingArea1_Draw()
 
    
 
    
 
   Dim colori As Integer[] = [Color.Blue, Color.Green, Color.Yellow, Color.Red]
 
   Dim colori As Integer[] = [Color.Blue, Color.Green, Color.Yellow, Color.Red]
Riga 282: Riga 506:
 
   End With
 
   End With
 
    
 
    
  '''End'''
+
  End
 
   
 
   
 
   
 
   
  '''Public''' Sub Button1_Click()
+
  Public Sub Button1_Click()
 
   
 
   
   Dim dsp, XImage, dati_imm As Pointer
+
   Dim dsp As Pointer
 +
  Dim xi As XImage
 
   Dim im As Image
 
   Dim im As Image
 
   Dim st As Stream
 
   Dim st As Stream
 
   Dim i As Integer
 
   Dim i As Integer
 
    
 
    
  dsp = XOpenDisplay(Null)
+
  dsp = XOpenDisplay(0)
  If dsp = 0 Then Error.Raise("Impossibile aprire una connessione al server X !")
+
  If dsp == 0 Then Error.Raise("Impossibile aprire una connessione al server X !")
 
    
 
    
 
  <FONT Color=gray>' ''Otteniamo un puntatore alla "Struttura" contenente i dati dell'immagine disegnata nella "DrawingArea":''</font>
 
  <FONT Color=gray>' ''Otteniamo un puntatore alla "Struttura" contenente i dati dell'immagine disegnata nella "DrawingArea":''</font>
  XImage = XGetImage(dsp, DrawingArea1.Handle, 0, 0, DrawingArea1.W, DrawingArea1.H, XAllPlanes(), ZPixmap)
+
  xi = XGetImage(dsp, DrawingArea1.Handle, 0, 0, DrawingArea1.W, DrawingArea1.H, XAllPlanes(), ZPixmap)
  If XImage = 0 Then Error.Raise("Impossibile ottenere un 'Puntatore' ai dati dell'immagine della DrawingArea !")
+
  If IsNull(xi) Then Error.Raise("Impossibile ottenere un 'Puntatore' ai dati dell'immagine della DrawingArea !")
 
+
     
<FONT Color=gray>' ''Otteniamo l'indirizzo di memoria dei dati grezzi dell'immagine puntati dalla Struttura "XImage":''</font>
 
  dati_imm = Pointer@(XImage + (SizeOf(gb.Pointer) * 2))
 
 
 
 
  <FONT Color=gray>' ''Creiamo un semplice oggetto di tipo "Image":''</font>
 
  <FONT Color=gray>' ''Creiamo un semplice oggetto di tipo "Image":''</font>
  im = New Image(DrawingArea1.W, DrawingArea1.H)
+
  im = New Image(DrawingArea1.W, DrawingArea1.H)
  If IsNull(im) Then Error.Raise("Impossibile creare un oggetto 'Image' !")
+
  If IsNull(im) Then Error.Raise("Impossibile creare un oggetto 'Image' !")
 
    
 
    
  <FONT Color=gray>' ''Utilizziamo ovviamente i "Memory Stream" per scrivere nell'area di memoria dell'oggetto "Image", destinata ai dati''
+
  <FONT Color=gray>' ''Utilizziamo ovviamente i "Memory Stream" per scrivere nell'area di memoria dell'oggetto "Image", destinata ai dati attinenti ai pixel, il cui indirizzo di memoria è ritornato dalla proprietà ".Data" della variabile di tipo "Image":''</font>
' ''attinenti ai pixel, il cui indirizzo di memoria è ritornato dalla proprietà ".Data" della variabile di tipo "Image":''</font>
+
  st = Memory im.Data For Write
  st = Memory im.Data For Write
 
 
    
 
    
  For i = 0 To im.W * im.H * Len(im.Format)
+
  For i = 0 To im.W * im.H * Len(im.Format)
    Write #st, Byte@(dati_imm + i) As Byte
+
    Write #st, Byte@(xi.data + i) As Byte
  Next
+
  Next
 
    
 
    
  st.Close
+
  st.Close
 
    
 
    
 
  <FONT Color=gray>' ''Genera in fine il file immagine:''</font>
 
  <FONT Color=gray>' ''Genera in fine il file immagine:''</font>
  im.Save("<FONT Color=gray>''/percorso/del/file/immagine.xxx''</font>", 100)
+
  im.Save("<FONT Color=gray>''/percorso/del/file/immagine.xxx''</font>", 100)
 
    
 
    
 
  <FONT Color=gray>' ''Va in chiusura:''</font>
 
  <FONT Color=gray>' ''Va in chiusura:''</font>
  XCloseDisplay(dsp)
+
  XCloseDisplay(dsp)
 
    
 
    
  '''End'''
+
  End
  
  
 
===2<SUP>a</sup> modalità===
 
===2<SUP>a</sup> modalità===
La seconda modalità prevede l'assegnazione dei dati dei pixel della ''DrawingArea'' all'area di memoria puntata dal membro "''*data''" della Struttura "''GB_IMG''" contenuta nel file sorgente "''.../main/lib/image/gb.image.h''". <SUP>&#91;[[#Note|nota 1]]&#93;</sup>
+
La seconda modalità prevede l'assegnazione dei dati dei pixel della ''DrawingArea'' all'area di memoria puntata dal membro "''*data'' " della Struttura "''GB_IMG''" contenuta nel file sorgente "''.../main/lib/image/gb.image.h'' ". <SUP>&#91;[[#Note|nota 3]]&#93;</sup>
 
 
  
 
Mostriamo di seguito un semplice esempio, nel quale disegneremo all'interno di una ''DrawingArea'' una riga colorata con tutta la gamma dei colori dal blu al rosso. Al termine salveremo in un file immagine il disegno presente nella ''DrawingArea''.
 
Mostriamo di seguito un semplice esempio, nel quale disegneremo all'interno di una ''DrawingArea'' una riga colorata con tutta la gamma dei colori dal blu al rosso. Al termine salveremo in un file immagine il disegno presente nella ''DrawingArea''.
  Library "libX11:6.3.0"
+
  Library "libX11:6.4.0"
 +
 +
Public Struct funcs
 +
  create_image As Pointer
 +
  destroy_image As Pointer
 +
  get_pixel As Pointer
 +
  put_pixel As Pointer
 +
  sub_image As Pointer
 +
  add_pixel As Pointer
 +
End Struct
 +
 +
Public Struct XImage
 +
  width As Integer
 +
  height As Integer
 +
  xoffset As Integer
 +
  gformat As Integer
 +
  data As Pointer
 +
  byte_order As Integer
 +
  bitmap_unit As Integer
 +
  bitmap_bit_order As Integer
 +
  bitmap_pad As Integer
 +
  depth As Integer
 +
  bytes_per_line As Integer
 +
  bits_per_pixel As Integer
 +
  red_mask As Long
 +
  green_mask As Long
 +
  blue_mask As Long
 +
  obdata As Pointer
 +
  func As Struct Funcs
 +
End Struct
 
   
 
   
 
  Private Enum XYBitmap = 0, XYPixmap, ZPixmap
 
  Private Enum XYBitmap = 0, XYPixmap, ZPixmap
Riga 336: Riga 585:
 
  <FONT Color=gray>' ''Display *XOpenDisplay(char *display_name)''
 
  <FONT Color=gray>' ''Display *XOpenDisplay(char *display_name)''
 
  ' ''Opens a connection to the X server that controls a display.''</font>
 
  ' ''Opens a connection to the X server that controls a display.''</font>
  Private Extern XOpenDisplay(display$ As String) As Pointer
+
  Private Extern XOpenDisplay(display_name As Pointer) As Pointer
 
   
 
   
 
  <FONT Color=gray>' ''unsigned long XAllPlanes()''
 
  <FONT Color=gray>' ''unsigned long XAllPlanes()''
Riga 344: Riga 593:
 
  <FONT Color=gray>' ''XImage *XGetImage(Display *display, Drawable d, int x, int y, unsigned int width, unsigned int height, unsigned long plane_mask, int format)''
 
  <FONT Color=gray>' ''XImage *XGetImage(Display *display, Drawable d, int x, int y, unsigned int width, unsigned int height, unsigned long plane_mask, int format)''
 
  ' ''Returns a pointer to an XImage structure.''</font>
 
  ' ''Returns a pointer to an XImage structure.''</font>
  Private Extern XGetImage(displayP As Pointer, d As Long, xI As Integer, yI As Integer, wid As Integer, hei As Integer, plane_mask As Long, formatI As Integer) As Pointer
+
  Private Extern XGetImage(displayP As Pointer, d As Long, x As Integer, y As Integer, width As Integer, height As Integer, plane_mask As Long, xformat As Integer) As XImage
 
    
 
    
 
  <FONT color=gray>' ''XCloseDisplay(Display *display)''
 
  <FONT color=gray>' ''XCloseDisplay(Display *display)''
 
  ' ''Closes the connection to the X server for the display specified in the Display structure and destroys all windows.''</font>
 
  ' ''Closes the connection to the X server for the display specified in the Display structure and destroys all windows.''</font>
  Private Extern XCloseDisplay(displayP As Pointer)
+
  Private Extern XCloseDisplay(display As Pointer)
 
   
 
   
 
    
 
    
  '''Public''' Sub Form_Open()
+
  Public Sub Form_Open()
 
    
 
    
 
   DrawingArea1.Background = Color.White
 
   DrawingArea1.Background = Color.White
 
   
 
   
  '''End'''
+
  End
 
   
 
   
 
   
 
   
  '''Public''' Sub DrawingArea1_Draw()
+
  Public Sub DrawingArea1_Draw()
 
    
 
    
 
   Dim c As Integer[] = [Color.Blue, Color.Green, Color.Yellow, Color.Red]
 
   Dim c As Integer[] = [Color.Blue, Color.Green, Color.Yellow, Color.Red]
Riga 364: Riga 613:
 
      
 
      
 
  <FONT Color=gray>' ''Disegnamo all'interno della "DrawingArea":''</font>
 
  <FONT Color=gray>' ''Disegnamo all'interno della "DrawingArea":''</font>
  With Paint
+
  With Paint
    .Brush = .LinearGradient(10, 40, 300, 40, c, p)
+
    .Brush = .LinearGradient(10, 40, 300, 40, c, p)
    .Rectangle(10, 40, 300, 40)
+
    .Rectangle(10, 40, 300, 40)
    .Fill
+
    .Fill
    .End
+
    .End
  End With
+
  End With
 
   
 
   
  '''End'''
+
  End
 
   
 
   
 
   
 
   
  '''Public''' Sub Button1_Click()
+
  Public Sub Button1_Click()
 
    
 
    
   Dim dsp, XImage, imago, p, p1 As Pointer
+
   Dim dsp, p, p1 As Pointer
 +
  Dim xi As XImage
 
   Dim bb As Byte[]
 
   Dim bb As Byte[]
 
   Dim i As Integer
 
   Dim i As Integer
Riga 382: Riga 632:
 
   Dim im As Image
 
   Dim im As Image
 
      
 
      
  dsp = XOpenDisplay(Null)
+
  dsp = XOpenDisplay(0)
  If dsp = 0 Then Error.Raise("Impossibile aprire una connessione al server X !")
+
  If dsp == 0 Then Error.Raise("Impossibile aprire una connessione al server X !")
 
      
 
      
 
  <FONT Color=gray>' ''Otteniamo un puntatore alla "Struttura" contenente i dati dell'immagine disegnata nella "DrawingArea":''</font>
 
  <FONT Color=gray>' ''Otteniamo un puntatore alla "Struttura" contenente i dati dell'immagine disegnata nella "DrawingArea":''</font>
  XImage = XGetImage(dsp, DrawingArea1.Handle, 0, 0, DrawingArea1.W, DrawingArea1.H, XAllPlanes(), ZPixmap)
+
  xi = XGetImage(dsp, DrawingArea1.Handle, 0, 0, DrawingArea1.W, DrawingArea1.H, XAllPlanes(), ZPixmap)
  If XImage = 0 Then Error.Raise("Impossibile ottenere un 'Puntatore' ai dati dell'immagine della DrawingArea !")
+
  If IsNull(xi) Then Error.Raise("Impossibile ottenere un 'Puntatore' ai dati dell'immagine della DrawingArea !")
 
 
<FONT Color=gray>' ''Otteniamo l'indirizzo di memoria dei dati grezzi dell'immagine puntati dalla Struttura "XImage":''</font>
 
  imago = Pointer@(XImage + (SizeOf(gb.Pointer) * 2))
 
 
      
 
      
  bb = New Byte[]     
+
  bb = New Byte[]     
 
    
 
    
  For i = 0 To (DrawingArea1.W * DrawingArea1.H * 4) - 1
+
  For i = 0 To (DrawingArea1.W * DrawingArea1.H * 4) - 1
    bb.Push(Byte@(imago + i))
+
    bb.Push(Byte@(xi.data + i))
  Next
+
  Next
 
      
 
      
  im = New Image(DrawingArea1.W, DrawingArea1.H)
+
  im = New Image(DrawingArea1.W, DrawingArea1.H)
 
      
 
      
  p = Object.Address(im)
+
  p = Object.Address(im)
 
      
 
      
  p1 = Pointer@(p + (SizeOf(gb.Pointer) * 2))
+
  p1 = Pointer@(p + (SizeOf(gb.Pointer) * 2)) <SUP><FONT Color=gray>'</font> &#091;[[#Note|Nota 4]]&#093;</sup>
 
      
 
      
  <FONT Color=gray>' ''Scriviamo i dati immagine grezzi, ottenuti dalla funzione XGetImage(), nell'area di memoria''
+
  <FONT Color=gray>' ''Scriviamo i dati immagine grezzi, ottenuti dalla funzione XGetImage(), nell'area di memoria puntata dal membro "*data" della Struttura "GB_IMG" contenuta nel file sorgente ".../main/lib/image/gb.image.h":''</font>
' ''puntata dal membro "*data" della Struttura "GB_IMG" contenuta nel file sorgente ".../main/lib/image/gb.image.h":''</font>
+
  st = Memory p1 For Write
  st = Memory p1 For Write
+
  bb.Write(st, 0, bb.Count)
  bb.Write(st, 0, bb.Count)
+
  st.Close
  st.Close
 
 
    
 
    
 
  <FONT Color=gray>' ''Generiamo dunque il file immagine:''</font>
 
  <FONT Color=gray>' ''Generiamo dunque il file immagine:''</font>
  im.Save("<FONT Color=gray>''/percorso/dove/salvare/il/file/immagine.xxx''</font>")
+
  im.Save("<FONT Color=gray>''/percorso/dove/salvare/il/file/immagine.xxx''</font>")
 
    
 
    
 
 
 
  <FONT Color=gray>' ''Va in chiusura:''</font>
 
  <FONT Color=gray>' ''Va in chiusura:''</font>
  XCloseDisplay(dsp)
+
  XCloseDisplay(dsp)
 
   
 
   
  '''End'''
+
  End
  
 +
==Uso delle funzioni esterne del API di ''X11'' e di ''Cairo''==
 +
L'uso delle risorse delle librerie esterne ''X11'' e ''Cairo'' richiede nel codice Gambas la dichiarazione delle seguenti librerie dinamiche condivise:
 +
* "''libX11.so.6.4.0'' "
 +
* "''libcairo.so.2.11600.0'' "
  
 +
Mostriamo di seguito un semplice esempio, nel quale disegneremo all'interno di una ''DrawingArea'' una riga colorata con tutta la gamma dei colori dal blu al rosso. Al termine salveremo in un file immagine il disegno presente nella ''DrawingArea''.
 +
<BR>Al fine di evitare che la funzione esterna "XGetImage()" ritorni un Puntatore nullo, bisognerà avere massima cura che le dimensioni del ''Form'' siano sufficientemente superiori alle dimensioni della ''DrawingArea'' contenuta.
 +
Library "libX11:6.4.0"
 +
 +
<FONT color=gray>' ''Display *XOpenDisplay(char *display_name)''
 +
' ''Opens a connection to the X server that controls a display.''</font>
 +
Private Extern XOpenDisplay(display_name As Pointer) As Pointer
 +
 +
<FONT color=gray>' ''int XDefaultScreen(display)''
 +
' ''Returns the default screen number.''</font>
 +
Private Extern XDefaultScreen(display As Pointer) As Integer
 +
 +
<FONT color=gray>' ''Visual *XDefaultVisual(display, screen_number)''
 +
' ''Returns the default visual type for the specified screen.''</font>
 +
Private Extern XDefaultVisual(display As Pointer, scr_num As Integer) As Pointer
 +
 
 +
<FONT color=gray>' ''XCloseDisplay(Display *display)''
 +
' ''Closes the connection to the X server for the display specified in the Display structure and destroys all windows.''</font>
 +
Private Extern XCloseDisplay(display As Pointer)
 +
 +
 +
Library "libcairo:2.11600.0"
 +
 +
<FONT Color=gray>' ''cairo_surface_t * cairo_xlib_surface_create (Display *dpy, Drawable drawable, Visual *visual, int width, int height)''
 +
' ''Creates an Xlib surface that draws to the given drawable.''</font>
 +
Private Extern cairo_xlib_surface_create(dpy As Pointer, drawable As Long, visual As Pointer, width As Integer, height As Integer) As Pointer
 +
 +
<FONT Color=gray>' ''cairo_status_t cairo_surface_write_to_png(cairo_surface_t *surface, const char *filename)''
 +
' ''Writes the contents of surface to a new file filename as a PNG image.''</font>
 +
Private Extern cairo_surface_write_to_png(cairo_surface As Pointer, filename As String) As Integer
 +
 +
<FONT Color=gray>' ''void cairo_surface_destroy(cairo_surface_t *surface)''
 +
' ''Decreases the reference count on surface by one.''</font>
 +
Private Extern cairo_surface_destroy(cairo_surface As Pointer)
 +
 +
 +
Public Sub Form_Open()
 +
 +
  DrawingArea1.Background = Color.White
 +
 +
End
 +
 +
 +
Public Sub DrawingArea1_Draw()
 +
 +
  Dim c As Integer[] = [Color.Blue, Color.Green, Color.Yellow, Color.Red]
 +
  Dim p As Float[] = [0, 0.34, 0.67, 1]
 +
   
 +
<FONT Color=gray>' ''Disegnamo all'interno della "DrawingArea":''</font>
 +
  With Paint
 +
    .Brush = .LinearGradient(10, 40, 300, 40, c, p)
 +
    .Rectangle(10, 40, 300, 40)
 +
    .Fill
 +
    .End
 +
  End With
 +
 +
End
 +
 +
 +
Public Sub Button1_Click()
 +
 +
  Dim dsp, vis, surface As Pointer
 +
  Dim scr, err As Integer
 +
 +
  dsp = XOpenDisplay(0)
 +
  If dsp == 0 Then Error.Raise("Impossibile aprire una connessione al server X !")
 +
 +
  scr = XDefaultScreen(dsp)
 +
  vis = XDefaultVisual(dsp, scr)
 +
  If vis == 0 Then Error.Raise("Errore !")
 +
 +
<FONT Color=gray>' ''Ottiene la superficie grafica della "DrawingArea":''</font>
 +
  surface = cairo_xlib_surface_create(dsp, DrawingArea1.Handle, vis, DrawingArea1.W, DrawingArea1.H)
 +
  If surface == 0 Then Error.Raise("Errore !")
 +
 +
<FONT Color=gray>' ''Si salva il disegno della superficie grafica della "DrawingArea" in un file immagine .png:''</font>
 +
  err = cairo_surface_write_to_png(surface, "/tmp/immagine.png")
 +
  If err > 0 Then Error.Raise("Errore nella creazione del file immagine .png !")
 +
 +
<FONT Color=gray>' ''Va in chiusura:''</font>
 +
  cairo_surface_destroy(surface)
 +
  XCloseDisplay(dsp)
 +
 +
End
  
 
==Uso delle funzioni esterne del API di ''X11'' e di ''ImLib2''==
 
==Uso delle funzioni esterne del API di ''X11'' e di ''ImLib2''==
 
L'uso delle risorse delle librerie esterne ''X11'' e ''ImLib2'' richiede nel codice Gambas la dichiarazione delle seguenti librerie dinamiche condivise:
 
L'uso delle risorse delle librerie esterne ''X11'' e ''ImLib2'' richiede nel codice Gambas la dichiarazione delle seguenti librerie dinamiche condivise:
* "''libX11.so.6.3.0''"
+
* "''libX11.so.6.4.0'' "
* "''libImlib2.so.1.4.6''"
+
* "''libImlib2.so.1.7.4'' "
 
 
  
 
Mostriamo di seguito un semplice esempio, nel quale disegneremo all'interno di una ''DrawingArea'' una riga colorata con tutta la gamma dei colori dal blu al rosso. Al termine salveremo in un file immagine il disegno presente nella ''DrawingArea''.
 
Mostriamo di seguito un semplice esempio, nel quale disegneremo all'interno di una ''DrawingArea'' una riga colorata con tutta la gamma dei colori dal blu al rosso. Al termine salveremo in un file immagine il disegno presente nella ''DrawingArea''.
  Library "libX11:6.3.0"
+
<BR>Al fine di evitare che la funzione esterna "XGetImage()" ritorni un Puntatore nullo, bisognerà avere massima cura che le dimensioni del ''Form'' siano sufficientemente superiori alle dimensioni della ''DrawingArea'' contenuta.
 +
  Library "libX11:6.4.0"
 +
 +
Public Struct funcs
 +
  create_image As Pointer
 +
  destroy_image As Pointer
 +
  get_pixel As Pointer
 +
  put_pixel As Pointer
 +
  sub_image As Pointer
 +
  add_pixel As Pointer
 +
End Struct
 +
 +
Public Struct XImage
 +
  width As Integer
 +
  height As Integer
 +
  xoffset As Integer
 +
  gformat As Integer
 +
  data As Pointer
 +
  byte_order As Integer
 +
  bitmap_unit As Integer
 +
  bitmap_bit_order As Integer
 +
  bitmap_pad As Integer
 +
  depth As Integer
 +
  bytes_per_line As Integer
 +
  bits_per_pixel As Integer
 +
  red_mask As Long
 +
  green_mask As Long
 +
  blue_mask As Long
 +
  obdata As Pointer
 +
  func As Struct Funcs
 +
End Struct
 
   
 
   
 
  Private Enum XYBitmap = 0, XYPixmap, ZPixmap
 
  Private Enum XYBitmap = 0, XYPixmap, ZPixmap
Riga 434: Riga 796:
 
  <FONT Color=gray>' ''Display *XOpenDisplay(char *display_name)''
 
  <FONT Color=gray>' ''Display *XOpenDisplay(char *display_name)''
 
  ' ''Opens a connection to the X server that controls a display.''</font>
 
  ' ''Opens a connection to the X server that controls a display.''</font>
  Private Extern XOpenDisplay(display$ As String) As Pointer
+
  Private Extern XOpenDisplay(display_name As Pointer) As Pointer
 
   
 
   
 
  <FONT Color=gray>' ''unsigned long XAllPlanes()''
 
  <FONT Color=gray>' ''unsigned long XAllPlanes()''
Riga 442: Riga 804:
 
  <FONT Color=gray>' ''XImage *XGetImage(Display *display, Drawable d, int x, int y, unsigned int width, unsigned int height, unsigned long plane_mask, int format)''
 
  <FONT Color=gray>' ''XImage *XGetImage(Display *display, Drawable d, int x, int y, unsigned int width, unsigned int height, unsigned long plane_mask, int format)''
 
  ' ''Returns a pointer to an XImage structure.''</font>
 
  ' ''Returns a pointer to an XImage structure.''</font>
  Private Extern XGetImage(displayP As Pointer, d As Long, xI As Integer, yI As Integer, wid As Integer, hei As Integer, plane_mask As Long, formatI As Integer) As Pointer
+
  Private Extern XGetImage(display As Pointer, d As Long, x As Integer, y As Integer, width As Integer, height As Integer, plane_mask As Long, xformat As Integer) As XImage
 
    
 
    
 
  <FONT color=gray>' ''XCloseDisplay(Display *display)''
 
  <FONT color=gray>' ''XCloseDisplay(Display *display)''
 
  ' ''Closes the connection to the X server for the display specified in the Display structure and destroys all windows.''</font>
 
  ' ''Closes the connection to the X server for the display specified in the Display structure and destroys all windows.''</font>
  Private Extern XCloseDisplay(displayP As Pointer)
+
  Private Extern XCloseDisplay(display As Pointer)
 
   
 
   
 
   
 
   
  Library "libImlib2:1.4.6"
+
  Library "libImlib2:1.7.4"
 
   
 
   
 
  <FONT Color=gray>' ''Imlib_Image imlib_create_image_using_data(int width, int height, DATA32 * data)''
 
  <FONT Color=gray>' ''Imlib_Image imlib_create_image_using_data(int width, int height, DATA32 * data)''
Riga 457: Riga 819:
 
  <FONT Color=gray>' ''void imlib_context_set_image(Imlib_Image image)''
 
  <FONT Color=gray>' ''void imlib_context_set_image(Imlib_Image image)''
 
  ' ''Sets the current image Imlib2 will be using with its function calls.''</font>
 
  ' ''Sets the current image Imlib2 will be using with its function calls.''</font>
  Private Extern imlib_context_set_image(Imlib_Image As Pointer)
+
  Private Extern imlib_context_set_image(Iimage As Pointer)
 
   
 
   
 
  <FONT Color=gray>' ''void imlib_image_set_has_alpha(char has_alpha)''
 
  <FONT Color=gray>' ''void imlib_image_set_has_alpha(char has_alpha)''
Riga 466: Riga 828:
 
  ' ''Saves the current image in the format specified by the current image's format settings to the filename.''</font>
 
  ' ''Saves the current image in the format specified by the current image's format settings to the filename.''</font>
 
  Private Extern imlib_save_image(filename As String)
 
  Private Extern imlib_save_image(filename As String)
 +
 +
<FONT Color=gray>' ''void imlib_free_image(void)''
 +
' ''Frees the image that is set as the current image in Imlib2's context.''</font>
 +
Private Extern imlib_free_image()
 
   
 
   
 
   
 
   
  '''Public''' Sub Form_Open()
+
  Public Sub Form_Open()
 
+
 
   DrawingArea1.Background = Color.White
 
   DrawingArea1.Background = Color.White
 
   
 
   
  '''End'''
+
  End
 +
 
   
 
   
 +
Public Sub DrawingArea1_Draw()
 
   
 
   
'''Public''' Sub DrawingArea1_Draw()
 
 
 
 
   Dim c As Integer[] = [Color.Blue, Color.Green, Color.Yellow, Color.Red]
 
   Dim c As Integer[] = [Color.Blue, Color.Green, Color.Yellow, Color.Red]
 
   Dim p As Float[] = [0, 0.34, 0.67, 1]
 
   Dim p As Float[] = [0, 0.34, 0.67, 1]
 
      
 
      
 
  <FONT Color=gray>' ''Disegnamo all'interno della "DrawingArea":''</font>
 
  <FONT Color=gray>' ''Disegnamo all'interno della "DrawingArea":''</font>
  With Paint
+
  With Paint
    .Brush = .LinearGradient(10, 40, 300, 40, c, p)
+
    .Brush = .LinearGradient(10, 40, 300, 40, c, p)
    .Rectangle(10, 40, 300, 40)
+
    .Rectangle(10, 40, 300, 40)
    .Fill
+
    .Fill
    .End
+
    .End
  End With
+
  End With
 
   
 
   
  '''End'''
+
  End
 
   
 
   
 
   
 
   
  '''Public''' Sub Button1_Click()
+
  Public Sub Button1_Click()
 
   
 
   
   Dim dsp, XImage, dati_imm, imago As Pointer
+
   Dim dsp, imago As Pointer
   
+
  Dim xi As XImage
  dsp = XOpenDisplay(Null)
 
  If IsNull(dsp) Then Error.Raise("Impossibile aprire una connessione al server X !")
 
 
      
 
      
 +
  dsp = XOpenDisplay(0)
 +
  If dsp == 0 Then Error.Raise("Impossibile aprire una connessione al server X !")
 +
 
 
  <FONT Color=gray>' ''Otteniamo un puntatore alla "Struttura" contenente i dati dell'immagine disegnata nella "DrawingArea":''</font>
 
  <FONT Color=gray>' ''Otteniamo un puntatore alla "Struttura" contenente i dati dell'immagine disegnata nella "DrawingArea":''</font>
  XImage = XGetImage(dsp, DrawingArea1.Handle, 0, 0, DrawingArea1.W, DrawingArea1.H, XAllPlanes(), ZPixmap)
+
  xi = XGetImage(dsp, DrawingArea1.Handle, 0, 0, DrawingArea1.W, DrawingArea1.H, XAllPlanes(), ZPixmap)
  If XImage = 0 Then Error.Raise("Impossibile ottenere un 'Puntatore' ai dati dell'immagine della DrawingArea !")
+
  If IsNull(xi) Then Error.Raise("Impossibile ottenere un 'Puntatore' ai dati dell'immagine della DrawingArea !")
+
     
<FONT Color=gray>' ''Otteniamo l'indirizzo di memoria dei dati grezzi dell'immagine puntati dalla Struttura "XImage":''</font>
 
  dati_imm = Pointer@(XImage + (SizeOf(gb.Pointer) * 2))
 
   
 
 
  <FONT Color=gray>' ''Viene creata l'immagine dai dati grezzi passando il "Puntatore" ai dati grezzi dell'immagine:''</font>
 
  <FONT Color=gray>' ''Viene creata l'immagine dai dati grezzi passando il "Puntatore" ai dati grezzi dell'immagine:''</font>
  imago = imlib_create_image_using_data(DrawingArea1.W, DrawingArea1.H, dati_imm)
+
  imago = imlib_create_image_using_data(DrawingArea1.W, DrawingArea1.H, xi.data)
  If imago = 0 Then Error.Raise("Impossibile creare l'immagine dai dati grezzi acquisiti !")
+
  If imago == 0 Then Error.Raise("Impossibile creare l'immagine dai dati grezzi acquisiti !")
 
      
 
      
  imlib_context_set_image(imago)
+
  imlib_context_set_image(imago)
 
      
 
      
 
  <FONT Color=gray>' ''L'immagine creata viene salvata in un file immagine. Al nome del file immagine da creare va indicata l'estensione del formato immagine desiderato:''</font>
 
  <FONT Color=gray>' ''L'immagine creata viene salvata in un file immagine. Al nome del file immagine da creare va indicata l'estensione del formato immagine desiderato:''</font>
  imlib_save_image("<FONT Color=gray>''/percorso/dove/salvare/il/file/immagine.xxx''</font>")
+
  imlib_save_image("<FONT Color=gray>''/percorso/dove/salvare/il/file/immagine.xxx''</font>")
 
    
 
    
 
  <FONT Color=gray>' ''Va in chiusura:''</font>
 
  <FONT Color=gray>' ''Va in chiusura:''</font>
  XCloseDisplay(dsp)
+
  imlib_free_image()
 +
  XCloseDisplay(dsp)
 
   
 
   
  '''End'''
+
  End
 +
 
  
  
 +
=Note=
 +
[1] Vedere anche questa pagina della Wiki: [[Convertire una pagina di un file PDF in una immagine con le risorse del Componente gb.poppler]]
  
 +
[2] Vedere anche questa pagina della Wiki: [[Passare direttamente ad un oggetto Image i dati grezzi dei pixel di una DrawingArea mediante le risorse del API di X11]]
  
=Note=
+
[3] Spieghiamo brevemente perché sia necessario spostarsi al byte, di indice pari al valore restituito da ''SizeOf(gb.Pointer)'', dell'area di memoria puntata dal Puntatore ''XImage''.
[1] Al riguardo vedasi anche la pagina della Wiki: [[Gestire_un_oggetto_Image_agendo_direttamente_sulle_risorse_dei_sorgenti_Gambas|Gestire un oggetto Image agendo direttamente sulle risorse dei sorgenti Gambas]]
+
<BR>Bisogna innanzitutto tenere in considerazione la omonima Struttura XImage restituita dalla funzione "XGetImage()", che può essere presa in visione qui:
 +
<BR>http://tronche.com/gui/x/xlib/graphics/images.html#XImage
 +
<BR>Ebbene, il quinto membro di detta Struttura
 +
char *data;<FONT Color=transparent>............</font><FONT Color=gray>''/* pointer to image data */''</font>
 +
è una variabile Puntatore di tipo ''char'', che contiene l'indirizzo dell'area di memoria ove sono stipati i dati dell'immagine mostrata dalla DrawingArea.
 +
<BR>Va precisato che, come evidente, nell'esempio in Gambas noi operiamo semplicemente sull'area di memoria riservata dalla predetta funzione "XGetImage()" e puntata dall'apposita variabile XImage. Insomma, non abbiamo passato una variabile di tipo Struttura (come in realtà è previsto nella libreria esterna di X11), ma semplicemente un Puntatore all'area di memoria riservata coerentemente corrispondente a quella della omonima Struttura prevista dalla funzione "XGetImage()".
 +
<BR>Perché dobbiamo spostarci al byte di indice uguale al doppio dei byte di memoria, occupati da una variabile di tipo Puntatore, per leggere il valore di quell'indirizzo di memoria ?
 +
<BR>La risposta è nei quattro membri precedenti, i quali sono tutti di tipo Intero, e pertanto occupano ciascuno un numero di byte di memoria pari a ''SizeOf(gb.Integer)'' e complessivamente: ''SizeOf(gb.Integer)'' + ''SizeOf(gb.Integer)'' = ''SizeOf(gb.Pointer)''.
 +
<BR>Il valore del Puntatore (ossia l'indirizzo di memoria dei dati grezzi dell'immagine puntati dalla omonima Struttura "XImage" della libreria esterna di X11), che a noi interessa, si trova a cominciare dal byte di indice = ''SizeOf(gb.Pointer)''. Il valore dell'indirizzo di memoria verrà da noi salvato nel tipo di variabile a ciò deputato, ossia il Puntatore, e così passato alla successiva funzione "imlib_create_image_using_data()", come da essa richiesto.
  
 +
[4] Al riguardo vedasi anche la pagina della Wiki: [[Gestire un oggetto Image agendo direttamente sulle risorse dei sorgenti Gambas]]
  
  

Versione attuale delle 17:34, 23 dic 2023

Per generare un file immagine dal disegno di una DrawingArea, si possono adottare le seguenti modalità:

  • utilizzare le sole funzioni di Gambas;
  • utilizzare le funzioni esterne della libreria di X11;
  • utilizzare le funzioni esterne delle librerie di X11 e di Cairo;
  • utilizzare le funzioni esterne delle librerie di X11 e di Imlib2.


Utilizzare le sole funzioni di Gambas

L'uso delle sole funzioni fornite direttemente da Gambas consente di adottare almeno quattro modalità.

Usando un Oggetto "Image" di appoggio

La prima modalità è la più semplice fra quelle previste in questa pagina. Consiste nel disegnare in immediata successione la medesima cosa sia nella DrawingArea che in un distinto Oggetto Image, il quale poi verrà salvato in un file immagine.

Mostriamo un semplice esempio pratico:

Private DrawingArea1 As DrawingArea
Private im As Image


Public Sub Form_Open()
 
 With DrawingArea1 = New DrawingArea(Me) As "DrawingArea1"
   .X = 0
   .Y = 0
   .W = Me.W
   .H = Me.H
   .Background = Color.White
 End With
 
' Crea un'immagine delle medesime fattezze della "DrawingArea":
 im = New Image(DrawingArea1.W, DrawingArea1.H, DrawingArea1.Background, Image.Standard)
 
End
 

Public Sub DrawingArea1_Draw()   ' Nella medesima routine disegna sia sulla "DrawingArea" che nell'Oggetto "Image":
 
' Disegna sulla "DrawingArea":
 With Paint
   .Brush = .Color(Color.Orange)
   .Ellipse(100, 100, 100, 100, Rad(0), Rad(360), False)
   .Fill
' Disegna nell'Oggetto "Image":
   .Begin(im)
   .Brush = .Color(Color.Orange)
   .Ellipse(100, 100, 100, 100, Rad(0), Rad(360), False)
   .Fill
   .End
 End With
 
' Salva il contenuto dell'Oggetto "Image" in un file immagine:
 im.Save("/tmp/immagine.png", 100)
  
End


Usando la Classe "DesktopWindow" del Componente gb.desktop.x11

La seconda modalità utilizza la Classe "DesktopWindow"; e pertanto sarà necessario attivare il Componente gb.desktop.x11 .

Mostriamo un esempio pratico:

Private DrawingArea1 As DrawingArea
Private Button1 As Button


Public Sub Form_Open()
 
 With Me
   .W = Screen.AvailableWidth * 0.3
   .H = Screen.AvailableHeight * 0.3
   .Center
 End With
 With DrawingArea1 = New DrawingArea(Me) As "DrawingArea1"
   .X = 0
   .Y = 0
   .W = Me.W
   .H = Me.H * 0.5
 End With
 With Button1 = New Button(Me) As "Button1"
   .W = Me.W * 0.2
   .H = Me.H * 0.3
   .X = (Me.W / 2) - (.W / 2)
   .Y = Me.H * 0.6
 End With
  
End


Public Sub DrawingArea1_Draw()
 
 Dim c As Integer[] = [Color.Blue, Color.Green, Color.Yellow, Color.Red]
 Dim p As Float[] = [0, 0.34, 0.67, 1]
 
' Disegniamo all'interno della "DrawingArea":
 With Paint
   .Brush = .LinearGradient(0, 0, DrawingArea1.W, DrawingArea1.H, c, p)
   .Rectangle(0, 0, DrawingArea1.W, DrawingArea1.H)
   .Fill
  .End
 End With
  
End


Public Sub Button1_Click() ' Cliccando sul tasto, viene generato il file immagine di quanto mostrato nella "DrawingArea"
 
 Dim dw As DesktopWindow
 Dim pc As Picture
 
 With dw = New DesktopWindow(DrawingArea1.Handle)
   pc = .GetScreenshot(True)
 End With
   
 pc.Save("/tmp/immagine.png", 100)
  
End


Usando il Metodo ".Screenshot()" della Classe "Desktop" del Componente gb.desktop.x11

La terza modalità è molto simile alla precedente con la differenza che viene utilizzato il Metodo ".Screenshot()" della Classe "Desktop".
Anche in questo caso è necessario attivare il Componente gb.desktop.x11 .

Mostriamo un esempio pratico:

Private DrawingArea1 As DrawingArea
Private Button1 As Button


Public Sub Form_Open()
 
 With Me
   .W = Screen.AvailableWidth * 0.3
   .H = Screen.AvailableHeight * 0.3
   .Center
 End With
 With DrawingArea1 = New DrawingArea(Me) As "DrawingArea1"
   .X = 0
   .Y = 0
   .W = Me.W
   .H = Me.H * 0.5
 End With
 With Button1 = New Button(Me) As "Button1"
   .W = Me.W * 0.2
   .H = Me.H * 0.3
   .X = (Me.W / 2) - (.W / 2)
   .Y = Me.H * 0.6
 End With
  
End


Public Sub DrawingArea1_Draw()
 
 Dim c As Integer[] = [Color.Blue, Color.Green, Color.Yellow, Color.Red]
 Dim p As Float[] = [0, 0.34, 0.67, 1]
  
' Disegnamo all'interno della "DrawingArea":
 With Paint
   .Brush = .LinearGradient(0, 0, DrawingArea1.W, DrawingArea1.H, c, p)
   .Rectangle(0, 0, DrawingArea1.W, DrawingArea1.H)
   .Fill
   .End
 End With
  
End


Public Sub Button1_Click()
 
 Dim pc As Picture
 
 With pc = Desktop.Screenshot(DrawingArea1.ScreenX, DrawingArea1.ScreenY, DrawingArea1.Width, DrawingArea1.Height)
   .Save("/tmp/immagine.png", 100)
 End With
 
End


Usando la Classe "Printer", nonché la Classe "PdfDocument" del Componente gb.poppler

La quarta modalità richiede un procedimento più complesso, che può essere così brevemente esplicitato:

  • disegno e/o scrivo nella DrawingArea;
  • creo il file PDF mediante la proprietà .OutputFile della Classe Printer;
  • utilizzando il file PDF, converto la pagina PDF in una Image (è necessario attivare il componente gb.poppler); [nota 1]
  • quindi salvo detta Image con il suo Metodo ".Save()" in un file immagine.

Mostriamo di seguito un esempio:

Private DrawingArea1 As DrawingArea
Private Button1 As Button
Private Button2 As Button
Private Printer1 As Printer

Public Sub Form_Open()

 With Me
   .W = Screen.AvailableWidth * 0.5
   .H = Screen.AvailableHeight
   .Center
 End With
 With DrawingArea1 = New DrawingArea(Me) As "DrawingArea1"
   .X = 0
   .Y = 0
   .W = Me.W * 0.8
   .H = Me.H
   .Background = Color.White
 End With
 With Button1 = New Button(Me) As "Button1"
   .W = Me.W * 0.1
   .H = Me.H * 0.1
   .X = (Me.W / 1.1) - (.W / 2)
   .Y = Me.H * 0.3
   .Text = "1"
 End With
 With Button2 = New Button(Me) As "Button2"
   .W = Me.W * 0.1
   .H = Me.H * 0.1
   .X = (Me.W / 1.1) - (.W / 2)
   .Y = Me.H * 0.6
   .Text = "2"
 End With
 
End


Public Sub DrawingArea1_Draw()
 
 With Paint
   .Brush = Paint.Color(Color.Red)
   .MoveTo(200, 200)
   .RelLineTo(0, 100)
   .Stroke
   .DrawText("Testo con DrawText", 10, 10, 20, 20)
   .End
 End With
    
End


Public Sub Button1_Click()

 With Printer1
   .Configure
   .Orientation = Printer.Portrait
   .Paper = Printer.A4
   .Resolution = Desktop.Resolution
' Stampa/crea un file .pdf nella cartella "/tmp":
   .OutputFile = "/tmp/file.pdf"
   .Print
 End With

End


Public Sub Printer1_Draw()

  DrawingArea1_Draw()

End


Public Sub Button2_Click()

 Dim pdf As PdfDocument
 Dim im As Image
  
' Apre il file PDF prima generato:
 pdf = New PdfDocument("/tmp/file.pdf")
   
' Genera una "Image" dalla 1^ pagina del file PDF aperto:
 im = pdf[0].Render()
 
 im.Save("/tmp/immagine.png", 100)

End


Usando le Classi "MediaPipeline" e "MediaControl" del Componente gb.media

Questa modalità prevede l'uso delle Classi "MediaPipeline" e "MediaControl" del Componente gb.media.
In particolare si catturerà quanto mostrato dalla DrawingArea, assegnando il suo numero identificativo alla Proprietà "xid" del plugin "ximagesrc" di GStreamer, e si provvederà a salvare in un file immagine.

Generare un file JPG

Mostriamo un esempio, nel quale si genererà un file JPG:

Public Sub DrawingArea1_Draw()

 Dim c As Integer[] = [Color.Blue, Color.Green, Color.Yellow, Color.Red]
 Dim p As Float[] = [0, 0.34, 0.67, 1]

' Disegna all'interno della "DrawingArea":
 With Paint
   .Brush = .LinearGradient(0, 0, DrawingArea1.W, DrawingArea1.H, c, p)
   .Rectangle(0, 0, DrawingArea1.W, DrawingArea1.H)
   .Fill
  .End
 End With

End


Public Sub Button1_Click()

 Dim pl As MediaPipeline
 Dim xis, con, enc, snk As MediaControl
 Dim temporaneo As String

 temporaneo = Temp

 pl = New MediaPipeline 

 xis = New MediaControl(pl, "ximagesrc")
 xis["xid"] = DrawingArea1.Id
 con = New MediaControl(pl, "videoconvert")
 enc = New MediaControl(pl, "jpegenc")
 snk = New MediaControl(pl, "filesink")
 snk["location"] = temporaneo
  
' Collega fra loro i plugin di "GStreamer":
 xis.LinkTo(con)
 con.LinkTo(enc)
 enc.LinkTo(snk)
 
' Effettua la cattura di quanto mostrato dalla "DrawingArea":
 pl.Play()

 Repeat 
   Wait 0.01
 Until Stat(temporaneo).Size > 0

 Copy temporaneo To "/tmp/immagine.jpg"
 pl.Stop
 pl.Close

End

Generare un file PNG

Volendo invece generare un file immagine di formato PNG, la seconda sub-routine dell'esempio precedente sarà così impostata:

 Public Sub Button1_Click()

 Dim pl As MediaPipeline
 Dim xis, con, enc, snk As MediaControl
 Dim temporaneo As String

 temporaneo = Temp

 pl = New MediaPipeline 

 xis = New MediaControl(pl, "ximagesrc")
 xis["xid"] = DrawingArea1.Id
 con = New MediaControl(pl, "videoconvert")
 enc = New MediaControl(pl, "pngenc")
 snk = New MediaControl(pl, "filesink")
 snk["location"] = temporaneo
  
' Collega fra loro i plugin di "GStreamer":
 xis.LinkTo(con)
 con.LinkTo(enc)
 enc.LinkTo(snk)
 
' Effettua la cattura di quanto mostrato dalla "DrawingArea":
 pl.Play()

 Repeat 
   Wait 0.01
 Until Stat(temporaneo).Size > 0

 Copy temporaneo To "/tmp/immagine.png"
 pl.Stop
 pl.Close

End

Generare un file BMP

Volendo invece generare un file immagine di formato BMP, la seconda sub-routine dell'esempio precedente sarà così impostata:

 Public Sub Button1_Click()

 Dim pl As MediaPipeline
 Dim xis, con, enc, snk As MediaControl
 Dim temporaneo As String

 temporaneo = Temp

 pl = New MediaPipeline 

 xis = New MediaControl(pl, "ximagesrc")
 xis["xid"] = DrawingArea1.Id
 con = New MediaControl(pl, "videoconvert")
 enc = New MediaControl(pl, "avenc_bmp")
 snk = New MediaControl(pl, "filesink")
 snk["location"] = temporaneo
  
' Collega fra loro i plugin di "GStreamer":
 xis.LinkTo(con)
 con.LinkTo(enc)
 enc.LinkTo(snk)
 
' Effettua la cattura di quanto mostrato dalla "DrawingArea":
 pl.Play()

 Repeat 
   Wait 0.01
 Until Stat(temporaneo).Size > 0

 Copy temporaneo To "/tmp/immagine.bmp"
 pl.Stop
 pl.Close

End


Uso delle funzioni esterne del API di X11

L'uso delle risorse della libreria esterna X11, opportunamente combinate con quelle di Gambas, consente un procedimento molto più snello ripetto al precedente. Tale modalità richiede nel codice Gambas la dichiarazione della libreria condivisa: "libX11.so.6.4.0 ".

Sussistono almeno due modalità.
Al fine di evitare che la funzione esterna "XGetImage()" ritorni un Puntatore nullo, bisognerà avere massima cura che le dimensioni del Form siano sufficientemente superiori alle dimensioni della DrawingArea contenuta.

1a modalità

La prima modalità prevede l'assegnazione dei dati dei pixel della DrawingArea, contenuti nell'area di memoria puntata dal Puntatore restituito dalla funzione esterna "XGetImage()" della libreria di X11, direttamente all'area di memoria puntata dalla Proprietà ".Data" di un Oggetto Image preliminarmente creato.


Mostriamo un esempio pratico (è necessario porre sul Form una DrawingArea e un Button): [Nota 2]

Library "libX11:6.4.0"

Public Struct funcs
  create_image As Pointer
  destroy_image As Pointer
  get_pixel As Pointer
  put_pixel As Pointer
  sub_image As Pointer
  add_pixel As Pointer
End Struct

Public Struct XImage
  width As Integer
  height As Integer
  xoffset As Integer
  gformat As Integer
  data As Pointer
  byte_order As Integer
  bitmap_unit As Integer
  bitmap_bit_order As Integer
  bitmap_pad As Integer
  depth As Integer
  bytes_per_line As Integer
  bits_per_pixel As Integer
  red_mask As Long
  green_mask As Long
  blue_mask As Long
  obdata As Pointer
  func As Struct Funcs
End Struct

Private Enum XYBitmap = 0, XYPixmap, ZPixmap

' Display *XOpenDisplay(char *display_name)
' Opens a connection to the X server that controls a display.
Private Extern XOpenDisplay(display_name As Pointer) As Pointer

' unsigned long XAllPlanes()
' Returns a value with all bits set to 1 suitable for use in a plane argument to a procedure.
Private Extern XAllPlanes() As Long

' XImage *XGetImage(Display *display, Drawable d, int x, int y, unsigned int width, unsigned int height, unsigned long plane_mask, int format)
' Returns a pointer to an XImage structure.
Private Extern XGetImage(display As Pointer, d As Long, x As Integer, y As Integer, width As Integer, height As Integer, plane_mask As Long, xformat As Integer) As XImage
 
' XCloseDisplay(Display *display)
' Closes the connection to the X server for the display specified in the Display structure and destroys all windows.
Private Extern XCloseDisplay(display As Pointer)


Public Sub Form_Open()

' Imposta alcune proprietà della "DrawingArea":
 With DrawingArea1
   .X = 10
   .Y = 10
   .W = 400
   .H = 400
   .Background = Color.White
 End With
 
End


Public Sub DrawingArea1_Draw()
 
 Dim colori As Integer[] = [Color.Blue, Color.Green, Color.Yellow, Color.Red]
 Dim p As Float[] = [0, 0.34, 0.67, 1]
  
' Disegnamo all'interno della "DrawingArea":
  With Paint
    .Brush = .LinearGradient(10, 40, 300, 40, colori, p)
    .Rectangle(10, 40, 300, 40)
    .Fill
' Imposta il colore dei caratteri:
    .Brush = .Color(Color.Red) 
' Imposta il tipo di carattere:
   .Font.Name = "Arial" 
' Imposta la dimensione dei caratteri:
   .Font.Size = 16
' Scrive sull'Area di Disegno il seguente testo di caratteri nella posizione X, Y all'interno di un quadrilatero virtuale W, H
' con i metodi .RichText  e .Text, ma occorrerà uno ".Stroke" a seguire (però .Stroke tende a dare l'effetto del grassetto):
   .RichText("Testo con RichText", 200, 20, 16, 100)
   .Text("Testo con Text", 10, 30, 20, 20)
   .Stroke
' ...oppure (meglio, perché non dà l'effetto del grassetto) ".fill":
   .Fill
' Con il metodo .DrawText non è necessario l'uso di ".Stroke", né di ".Fill":
   .DrawText("Testo con DrawText", 10, 10, 20, 20)
   .End
 End With
  
End


Public Sub Button1_Click()

 Dim dsp As Pointer
 Dim xi As XImage
 Dim im As Image
 Dim st As Stream
 Dim i As Integer
  
 dsp = XOpenDisplay(0)
 If dsp == 0 Then Error.Raise("Impossibile aprire una connessione al server X !")
  
' Otteniamo un puntatore alla "Struttura" contenente i dati dell'immagine disegnata nella "DrawingArea":
 xi = XGetImage(dsp, DrawingArea1.Handle, 0, 0, DrawingArea1.W, DrawingArea1.H, XAllPlanes(), ZPixmap)
 If IsNull(xi) Then Error.Raise("Impossibile ottenere un 'Puntatore' ai dati dell'immagine della DrawingArea !")
     
' Creiamo un semplice oggetto di tipo "Image":
 im = New Image(DrawingArea1.W, DrawingArea1.H)
 If IsNull(im) Then Error.Raise("Impossibile creare un oggetto 'Image' !")
  
' Utilizziamo ovviamente i "Memory Stream" per scrivere nell'area di memoria dell'oggetto "Image", destinata ai dati attinenti ai pixel, il cui indirizzo di memoria è ritornato dalla proprietà ".Data" della variabile di tipo "Image":
 st = Memory im.Data For Write
  
 For i = 0 To im.W * im.H * Len(im.Format)
   Write #st, Byte@(xi.data + i) As Byte
 Next
  
 st.Close
 
' Genera in fine il file immagine:
 im.Save("/percorso/del/file/immagine.xxx", 100)
  
' Va in chiusura:
 XCloseDisplay(dsp)
  
End


2a modalità

La seconda modalità prevede l'assegnazione dei dati dei pixel della DrawingArea all'area di memoria puntata dal membro "*data " della Struttura "GB_IMG" contenuta nel file sorgente ".../main/lib/image/gb.image.h ". [nota 3]

Mostriamo di seguito un semplice esempio, nel quale disegneremo all'interno di una DrawingArea una riga colorata con tutta la gamma dei colori dal blu al rosso. Al termine salveremo in un file immagine il disegno presente nella DrawingArea.

Library "libX11:6.4.0"

Public Struct funcs
  create_image As Pointer
  destroy_image As Pointer
  get_pixel As Pointer
  put_pixel As Pointer
  sub_image As Pointer
  add_pixel As Pointer
End Struct

Public Struct XImage
  width As Integer
  height As Integer
  xoffset As Integer
  gformat As Integer
  data As Pointer
  byte_order As Integer
  bitmap_unit As Integer
  bitmap_bit_order As Integer
  bitmap_pad As Integer
  depth As Integer
  bytes_per_line As Integer
  bits_per_pixel As Integer
  red_mask As Long
  green_mask As Long
  blue_mask As Long
  obdata As Pointer
  func As Struct Funcs
End Struct

Private Enum XYBitmap = 0, XYPixmap, ZPixmap

' Display *XOpenDisplay(char *display_name)
' Opens a connection to the X server that controls a display.
Private Extern XOpenDisplay(display_name As Pointer) As Pointer

' unsigned long XAllPlanes()
' Returns a value with all bits set to 1 suitable for use in a plane argument to a procedure.
Private Extern XAllPlanes() As Long

' XImage *XGetImage(Display *display, Drawable d, int x, int y, unsigned int width, unsigned int height, unsigned long plane_mask, int format)
' Returns a pointer to an XImage structure.
Private Extern XGetImage(displayP As Pointer, d As Long, x As Integer, y As Integer, width As Integer, height As Integer, plane_mask As Long, xformat As Integer) As XImage
 
' XCloseDisplay(Display *display)
' Closes the connection to the X server for the display specified in the Display structure and destroys all windows.
Private Extern XCloseDisplay(display As Pointer)

 
Public Sub Form_Open()
  
 DrawingArea1.Background = Color.White

End


Public Sub DrawingArea1_Draw()
  
 Dim c As Integer[] = [Color.Blue, Color.Green, Color.Yellow, Color.Red]
 Dim p As Float[] = [0, 0.34, 0.67, 1]
   
' Disegnamo all'interno della "DrawingArea":
 With Paint
   .Brush = .LinearGradient(10, 40, 300, 40, c, p)
   .Rectangle(10, 40, 300, 40)
   .Fill
   .End
 End With

End


Public Sub Button1_Click()
 
 Dim dsp, p, p1 As Pointer
 Dim xi As XImage
 Dim bb As Byte[]
 Dim i As Integer
 Dim st As Stream
 Dim im As Image
   
 dsp = XOpenDisplay(0)
 If dsp == 0 Then Error.Raise("Impossibile aprire una connessione al server X !")
   
' Otteniamo un puntatore alla "Struttura" contenente i dati dell'immagine disegnata nella "DrawingArea":
 xi = XGetImage(dsp, DrawingArea1.Handle, 0, 0, DrawingArea1.W, DrawingArea1.H, XAllPlanes(), ZPixmap)
 If IsNull(xi) Then Error.Raise("Impossibile ottenere un 'Puntatore' ai dati dell'immagine della DrawingArea !")
    
 bb = New Byte[]    
  
 For i = 0 To (DrawingArea1.W * DrawingArea1.H * 4) - 1
   bb.Push(Byte@(xi.data + i))
 Next
   
 im = New Image(DrawingArea1.W, DrawingArea1.H)
   
 p = Object.Address(im)
   
 p1 = Pointer@(p + (SizeOf(gb.Pointer) * 2))  ' [Nota 4]
   
' Scriviamo i dati immagine grezzi, ottenuti dalla funzione XGetImage(), nell'area di memoria puntata dal membro "*data" della Struttura "GB_IMG" contenuta nel file sorgente ".../main/lib/image/gb.image.h":
 st = Memory p1 For Write
 bb.Write(st, 0, bb.Count)
 st.Close
  
' Generiamo dunque il file immagine:
 im.Save("/percorso/dove/salvare/il/file/immagine.xxx")
 
' Va in chiusura:
 XCloseDisplay(dsp)

End

Uso delle funzioni esterne del API di X11 e di Cairo

L'uso delle risorse delle librerie esterne X11 e Cairo richiede nel codice Gambas la dichiarazione delle seguenti librerie dinamiche condivise:

  • "libX11.so.6.4.0 "
  • "libcairo.so.2.11600.0 "

Mostriamo di seguito un semplice esempio, nel quale disegneremo all'interno di una DrawingArea una riga colorata con tutta la gamma dei colori dal blu al rosso. Al termine salveremo in un file immagine il disegno presente nella DrawingArea.
Al fine di evitare che la funzione esterna "XGetImage()" ritorni un Puntatore nullo, bisognerà avere massima cura che le dimensioni del Form siano sufficientemente superiori alle dimensioni della DrawingArea contenuta.

Library "libX11:6.4.0"

' Display *XOpenDisplay(char *display_name)
' Opens a connection to the X server that controls a display.
Private Extern XOpenDisplay(display_name As Pointer) As Pointer

' int XDefaultScreen(display)
' Returns the default screen number.
Private Extern XDefaultScreen(display As Pointer) As Integer

' Visual *XDefaultVisual(display, screen_number)
' Returns the default visual type for the specified screen.
Private Extern XDefaultVisual(display As Pointer, scr_num As Integer) As Pointer
 
' XCloseDisplay(Display *display)
' Closes the connection to the X server for the display specified in the Display structure and destroys all windows.
Private Extern XCloseDisplay(display As Pointer)


Library "libcairo:2.11600.0"

' cairo_surface_t * cairo_xlib_surface_create (Display *dpy, Drawable drawable, Visual *visual, int width, int height)
' Creates an Xlib surface that draws to the given drawable.
Private Extern cairo_xlib_surface_create(dpy As Pointer, drawable As Long, visual As Pointer, width As Integer, height As Integer) As Pointer

' cairo_status_t cairo_surface_write_to_png(cairo_surface_t *surface, const char *filename)
' Writes the contents of surface to a new file filename as a PNG image.
Private Extern cairo_surface_write_to_png(cairo_surface As Pointer, filename As String) As Integer

' void cairo_surface_destroy(cairo_surface_t *surface)
' Decreases the reference count on surface by one.
Private Extern cairo_surface_destroy(cairo_surface As Pointer)


Public Sub Form_Open()

 DrawingArea1.Background = Color.White

End


Public Sub DrawingArea1_Draw()

 Dim c As Integer[] = [Color.Blue, Color.Green, Color.Yellow, Color.Red]
 Dim p As Float[] = [0, 0.34, 0.67, 1]
   
' Disegnamo all'interno della "DrawingArea":
 With Paint
   .Brush = .LinearGradient(10, 40, 300, 40, c, p)
   .Rectangle(10, 40, 300, 40)
   .Fill
   .End
 End With

End


Public Sub Button1_Click()

 Dim dsp, vis, surface As Pointer
 Dim scr, err As Integer

 dsp = XOpenDisplay(0)
 If dsp == 0 Then Error.Raise("Impossibile aprire una connessione al server X !")

 scr = XDefaultScreen(dsp)
 vis = XDefaultVisual(dsp, scr)
 If vis == 0 Then Error.Raise("Errore !")

' Ottiene la superficie grafica della "DrawingArea":
 surface = cairo_xlib_surface_create(dsp, DrawingArea1.Handle, vis, DrawingArea1.W, DrawingArea1.H)
 If surface == 0 Then Error.Raise("Errore !")

' Si salva il disegno della superficie grafica della "DrawingArea" in un file immagine .png:
 err = cairo_surface_write_to_png(surface, "/tmp/immagine.png")
 If err > 0 Then Error.Raise("Errore nella creazione del file immagine .png !")

' Va in chiusura:
 cairo_surface_destroy(surface)
 XCloseDisplay(dsp)

End

Uso delle funzioni esterne del API di X11 e di ImLib2

L'uso delle risorse delle librerie esterne X11 e ImLib2 richiede nel codice Gambas la dichiarazione delle seguenti librerie dinamiche condivise:

  • "libX11.so.6.4.0 "
  • "libImlib2.so.1.7.4 "

Mostriamo di seguito un semplice esempio, nel quale disegneremo all'interno di una DrawingArea una riga colorata con tutta la gamma dei colori dal blu al rosso. Al termine salveremo in un file immagine il disegno presente nella DrawingArea.
Al fine di evitare che la funzione esterna "XGetImage()" ritorni un Puntatore nullo, bisognerà avere massima cura che le dimensioni del Form siano sufficientemente superiori alle dimensioni della DrawingArea contenuta.

Library "libX11:6.4.0"

Public Struct funcs
  create_image As Pointer
  destroy_image As Pointer
  get_pixel As Pointer
  put_pixel As Pointer
  sub_image As Pointer
  add_pixel As Pointer
End Struct

Public Struct XImage
  width As Integer
  height As Integer
  xoffset As Integer
  gformat As Integer
  data As Pointer
  byte_order As Integer
  bitmap_unit As Integer
  bitmap_bit_order As Integer
  bitmap_pad As Integer
  depth As Integer
  bytes_per_line As Integer
  bits_per_pixel As Integer
  red_mask As Long
  green_mask As Long
  blue_mask As Long
  obdata As Pointer
  func As Struct Funcs
End Struct

Private Enum XYBitmap = 0, XYPixmap, ZPixmap

' Display *XOpenDisplay(char *display_name)
' Opens a connection to the X server that controls a display.
Private Extern XOpenDisplay(display_name As Pointer) As Pointer

' unsigned long XAllPlanes()
' Returns a value with all bits set to 1 suitable for use in a plane argument to a procedure.
Private Extern XAllPlanes() As Long

' XImage *XGetImage(Display *display, Drawable d, int x, int y, unsigned int width, unsigned int height, unsigned long plane_mask, int format)
' Returns a pointer to an XImage structure.
Private Extern XGetImage(display As Pointer, d As Long, x As Integer, y As Integer, width As Integer, height As Integer, plane_mask As Long, xformat As Integer) As XImage
 
' XCloseDisplay(Display *display)
' Closes the connection to the X server for the display specified in the Display structure and destroys all windows.
Private Extern XCloseDisplay(display As Pointer)


Library "libImlib2:1.7.4"

' Imlib_Image imlib_create_image_using_data(int width, int height, DATA32 * data)
' Creates an image from the image data - in the format of a DATA32 (32 bits) per pixel in a linear array - specified with the width and the height specified.
Private Extern imlib_create_image_using_data(width As Integer, height As Integer, data As Pointer) As Pointer

' void imlib_context_set_image(Imlib_Image image)
' Sets the current image Imlib2 will be using with its function calls.
Private Extern imlib_context_set_image(Iimage As Pointer)

' void imlib_image_set_has_alpha(char has_alpha)
' Sets the alpha flag for the current image.
Private Extern imlib_image_set_has_alpha(has_alpha As Boolean)

' void imlib_save_image(const char *filename)
' Saves the current image in the format specified by the current image's format settings to the filename.
Private Extern imlib_save_image(filename As String)

' void imlib_free_image(void)
' Frees the image that is set as the current image in Imlib2's context.
Private Extern imlib_free_image()


Public Sub Form_Open()

 DrawingArea1.Background = Color.White

End


Public Sub DrawingArea1_Draw()

 Dim c As Integer[] = [Color.Blue, Color.Green, Color.Yellow, Color.Red]
 Dim p As Float[] = [0, 0.34, 0.67, 1]
   
' Disegnamo all'interno della "DrawingArea":
 With Paint
   .Brush = .LinearGradient(10, 40, 300, 40, c, p)
   .Rectangle(10, 40, 300, 40)
   .Fill
   .End
 End With

End


Public Sub Button1_Click()

 Dim dsp, imago As Pointer
 Dim xi As XImage
   
 dsp = XOpenDisplay(0)
 If dsp == 0 Then Error.Raise("Impossibile aprire una connessione al server X !")
 
' Otteniamo un puntatore alla "Struttura" contenente i dati dell'immagine disegnata nella "DrawingArea":
 xi = XGetImage(dsp, DrawingArea1.Handle, 0, 0, DrawingArea1.W, DrawingArea1.H, XAllPlanes(), ZPixmap)
 If IsNull(xi) Then Error.Raise("Impossibile ottenere un 'Puntatore' ai dati dell'immagine della DrawingArea !")
     
' Viene creata l'immagine dai dati grezzi passando il "Puntatore" ai dati grezzi dell'immagine:
 imago = imlib_create_image_using_data(DrawingArea1.W, DrawingArea1.H, xi.data)
 If imago == 0 Then Error.Raise("Impossibile creare l'immagine dai dati grezzi acquisiti !")
   
 imlib_context_set_image(imago)
   
' L'immagine creata viene salvata in un file immagine. Al nome del file immagine da creare va indicata l'estensione del formato immagine desiderato:
 imlib_save_image("/percorso/dove/salvare/il/file/immagine.xxx")
 
' Va in chiusura:
 imlib_free_image()
 XCloseDisplay(dsp)

End


Note

[1] Vedere anche questa pagina della Wiki: Convertire una pagina di un file PDF in una immagine con le risorse del Componente gb.poppler

[2] Vedere anche questa pagina della Wiki: Passare direttamente ad un oggetto Image i dati grezzi dei pixel di una DrawingArea mediante le risorse del API di X11

[3] Spieghiamo brevemente perché sia necessario spostarsi al byte, di indice pari al valore restituito da SizeOf(gb.Pointer), dell'area di memoria puntata dal Puntatore XImage.
Bisogna innanzitutto tenere in considerazione la omonima Struttura XImage restituita dalla funzione "XGetImage()", che può essere presa in visione qui:
http://tronche.com/gui/x/xlib/graphics/images.html#XImage
Ebbene, il quinto membro di detta Struttura

char *data;............/* pointer to image data */

è una variabile Puntatore di tipo char, che contiene l'indirizzo dell'area di memoria ove sono stipati i dati dell'immagine mostrata dalla DrawingArea.
Va precisato che, come evidente, nell'esempio in Gambas noi operiamo semplicemente sull'area di memoria riservata dalla predetta funzione "XGetImage()" e puntata dall'apposita variabile XImage. Insomma, non abbiamo passato una variabile di tipo Struttura (come in realtà è previsto nella libreria esterna di X11), ma semplicemente un Puntatore all'area di memoria riservata coerentemente corrispondente a quella della omonima Struttura prevista dalla funzione "XGetImage()".
Perché dobbiamo spostarci al byte di indice uguale al doppio dei byte di memoria, occupati da una variabile di tipo Puntatore, per leggere il valore di quell'indirizzo di memoria ?
La risposta è nei quattro membri precedenti, i quali sono tutti di tipo Intero, e pertanto occupano ciascuno un numero di byte di memoria pari a SizeOf(gb.Integer) e complessivamente: SizeOf(gb.Integer) + SizeOf(gb.Integer) = SizeOf(gb.Pointer).
Il valore del Puntatore (ossia l'indirizzo di memoria dei dati grezzi dell'immagine puntati dalla omonima Struttura "XImage" della libreria esterna di X11), che a noi interessa, si trova a cominciare dal byte di indice = SizeOf(gb.Pointer). Il valore dell'indirizzo di memoria verrà da noi salvato nel tipo di variabile a ciò deputato, ossia il Puntatore, e così passato alla successiva funzione "imlib_create_image_using_data()", come da essa richiesto.

[4] Al riguardo vedasi anche la pagina della Wiki: Gestire un oggetto Image agendo direttamente sulle risorse dei sorgenti Gambas


Riferimenti