Differenze tra le versioni di "Creare file SVG con le risorse del Componente gb.cairo"

Da Gambas-it.org - Wikipedia.
Riga 21: Riga 21:
 
     .LineWidth = 10.0
 
     .LineWidth = 10.0
 
     .Arc(300, 300, 100.0, 45.0 * (Pi / 180.0), 180.0 * (Pi / 180.0))
 
     .Arc(300, 300, 100.0, 45.0 * (Pi / 180.0), 180.0 * (Pi / 180.0))
     .Source = Cairo.ColorPattern(Color.Blue)    <FONT Color=gray>' ''Imposta il colore dell'elemento del disegno''</font>
+
     .Source = .ColorPattern(Color.Blue)    <FONT Color=gray>' ''Imposta il colore dell'elemento del disegno''</font>
 
     .Stroke
 
     .Stroke
 
  <FONT Color=gray>' ''Disegna un arco colorato pieno:''</font>
 
  <FONT Color=gray>' ''Disegna un arco colorato pieno:''</font>
 
     .LineWidth = 10.0
 
     .LineWidth = 10.0
 
     .ArcNegative(400, 300, 100.0, 45.0 * (Pi / 180.0), 180.0 * (Pi / 180.0))
 
     .ArcNegative(400, 300, 100.0, 45.0 * (Pi / 180.0), 180.0 * (Pi / 180.0))
     .Source = Cairo.ColorPattern(Color.Orange)
+
     .Source = .ColorPattern(Color.Orange)
 
     .Fill   
 
     .Fill   
 
  <FONT Color=gray>' ''Scrive il testo:''</font>
 
  <FONT Color=gray>' ''Scrive il testo:''</font>
Riga 35: Riga 35:
 
     .DrawText("Drawtext")
 
     .DrawText("Drawtext")
 
     .Fill
 
     .Fill
     .Source = Cairo.ColorPattern(Color.Green)
+
     .Source = .ColorPattern(Color.Green)
 
     .MoveTo(400, 300)
 
     .MoveTo(400, 300)
 
     .Text("Text")
 
     .Text("Text")
Riga 51: Riga 51:
 
     im2 = Image.Load("<FONT Color=gray>''<B>/percorso/del/secondo/file.png''</b></font>")
 
     im2 = Image.Load("<FONT Color=gray>''<B>/percorso/del/secondo/file.png''</b></font>")
 
     .Scale(1, 1)    <FONT Color=gray>' ''Non imposta alcuna modifica scalare all'immagine''</font>
 
     .Scale(1, 1)    <FONT Color=gray>' ''Non imposta alcuna modifica scalare all'immagine''</font>
     .Source = Cairo.ImagePattern(im, 350, 600)
+
     .Source = .ImagePattern(im, 350, 600)
 
     .Paint          <FONT Color=gray>' ''Imposta l'immagine sulla superficie SVG''</font>
 
     .Paint          <FONT Color=gray>' ''Imposta l'immagine sulla superficie SVG''</font>
 
     .Scale(0.5, 0.5) <FONT Color=gray>' ''Riduce della metà la dimensione della seconda immagine da disegnare sulla superficie PDF''</font>
 
     .Scale(0.5, 0.5) <FONT Color=gray>' ''Riduce della metà la dimensione della seconda immagine da disegnare sulla superficie PDF''</font>
     .Source = Cairo.ImagePattern(im2, 400, 200)
+
     .Source = .ImagePattern(im2, 400, 200)
 
     .Paint
 
     .Paint
 
  <FONT Color=gray>' ''Termina il disegno:''</font>
 
  <FONT Color=gray>' ''Termina il disegno:''</font>

Versione delle 15:38, 7 giu 2023

Il Componente di Gambas gb.cairo consente, fra l'altro, di creare file SVG disegnandovi figure, testo, immagini ed in generale ogni altro elemento di disegno.

E' necessario impostare innanzitutto una superficie grafica già fornita dal Componente gb.cairo, ad esempio quella per generare file SVG (CairoSvgSurface), sulla quale disegnare. Se si intende creare un file di tipo SVG si imposterà come primo parametro anche il percorso ove il nuovo file SVG verrà salvato. Si potrà quindi iniziare il disegno con la Classe Cairo.

Mostriamo di seguito un semplice esempio per disegnare e generare un file SVG. Poiché l'esempio prevede anche l'inserimento di due file immagine, si dovranno anche attivare i Componenti gb.image e gb.image.io .

Al termine verrà posto il Metodo ".Finish()" della Classe CairoSvgSurface, per generare il file immagine SVG.

 Public Sub Main()

 Dim svg As CairoSvgSurface
 Dim x, y As Integer
 Dim im, im2 As Image

' Specifica la superficie grafica da creare per disegnarvi sopra:
 svg = New CairoSvgSurface("/percorso/del/file.svg/da/creare", 210, 297)

 With Cairo
' Inizia il disegno sulla superficie impostata:
   .Begin(svg)
' Disegna un arco:
   .LineWidth = 10.0
   .Arc(300, 300, 100.0, 45.0 * (Pi / 180.0), 180.0 * (Pi / 180.0))
   .Source = .ColorPattern(Color.Blue)    ' Imposta il colore dell'elemento del disegno
   .Stroke
' Disegna un arco colorato pieno:
   .LineWidth = 10.0
   .ArcNegative(400, 300, 100.0, 45.0 * (Pi / 180.0), 180.0 * (Pi / 180.0))
   .Source = .ColorPattern(Color.Orange)
   .Fill   
' Scrive il testo:
   .Font.Size = 20
   .Font.Name = "URW Palladio L"
   .Source = .ColorPattern(Color.Red)
   .MoveTo(100, 200)
   .DrawText("Drawtext")
   .Fill
   .Source = .ColorPattern(Color.Green)
   .MoveTo(400, 300)
   .Text("Text")
   .Fill
' Disegna 10x10 quadrati pieni:
   For x = 0 To 9
     For y = 0 To 9
       .Rectangle(200 + x * 10.0, 500 + y * 10.0, 5, 5)
     Next
   Next
   .Source = .ColorPattern(Color.Violet)
   .Fill
' Vengono inserite due immagini caricate da due file PNG:
   im = Image.Load("/percorso/del/primo/file.png")
   im2 = Image.Load("/percorso/del/secondo/file.png")
   .Scale(1, 1)     ' Non imposta alcuna modifica scalare all'immagine
   .Source = .ImagePattern(im, 350, 600)
   .Paint           ' Imposta l'immagine sulla superficie SVG
   .Scale(0.5, 0.5) ' Riduce della metà la dimensione della seconda immagine da disegnare sulla superficie PDF
   .Source = .ImagePattern(im2, 400, 200)
   .Paint
' Termina il disegno:
   .End
 End With

 svg.Finish
 
End