^^SVG Show iniziale.

  1. Guardare le immagini di seguito, una dopo l'altro
  2. Riguardarle guardando anche il programma sorgente, modificarlo.
  3. Per scoprire il significato dei vari parametri: modificarli, e vedere il risultato.

Per modificare:

avere il programma in locale, e modificarlo con un text editor.

 

  1. vuoto e' necessario un contenitore vuoto
  2. rect disegnare un rettangolo, idem per le altre Graphic primitives.

    <rect x="50" y="100" width="200" height="50" fill="red"/>

  3. rect_width_ani  animare di moto periodico le sue dimensioni (= configurazione)

    <animate attributeName="width" dur="4s" values="0;400" repeatCount="indefinite"/>

  4. rect_width_ani_2  aggiunto 2° rect, con ani values="0;400;0"
  5. rect_height_ani
  6. rect_width_rect_height_ani
  7. rect_width_height_ani  Moto multiperiodico
  8. rect_x_ani  animare di moto periodico l-a/e su-a/e posizion-e/i
  9. rect_y_ani
  10. rect_xy_ani
  11. rect_4_ani  configurazione e posizione animate

 

Esempi nel librosito

E oltre la fine del moto? Come proseguirebbe se non finisse?

MAK. Approssimato da MVK a pezzi.

 

Talk

Alter espo

vuoto e' necessario un contenitore vuoto
rect disegnare un rettangolo

idem per SVG Graphic primitives.

<rect x="50" y="100" width="200" height="50" fill="red"/>

rect_width_ani animare di moto periodico le sue dimensioni (= configurazione)

<animate attributeName="width" dur="4s" values="0;400" repeatCount="indefinite"/>

rect_width_ani_2 idem
rect_height_ani idem
rect_width_rect_height_ani idem
rect_width_height_ani Moto multiperiodico
rect_x_ani animare di moto periodico l-a/e su-a/e posizion-e/i
rect_y_ani  
rect_xy_ani  
rect_4_ani configurazione e posizione animate