Raccolta esempi SVG

Questa piccola raccolta dovrebbe servire come promemoria per come realizzare marche SVG direttamente a mano, senza bisogno di un particolare editor. Non ha quindi molta importanza il disegno in sè quanto il modo per realizzarlo ossia i nomi delle marche e gli attributi di uso più frequente.
Promemoria vuol dire che si è capito come fare un disegno usando SVG ma non si ha presente il dettaglio, il nome delle marche, a quali spazi di nome fare riferimento, gli attributi...
  • aggiungo-rect-svg.htm -
  • anima-svg.html - animazioni fatte direttamente con SVG.
  • animazione-svg.htm -
  • bandiera-svg.htm -
  • forma-elementare-cerchio-svg.htm -
  • forma-elementare-ellisse-svg.htm -
  • forma-elementare-linea-svg.htm -
  • forma-elementare-rettangolo-svg.htm -
  • forma-elementare-testo-svg.htm -
  • glifo-unicode-svg.htm -
  • scacchi-i-pezzi.htm - Esempio di trasformazione di scala
  • freccia-svg!.html -
  • lancette-svg.htm -
  • linko-svg.htm -
  • path-arco-svg.htm -
  • path-croce-svg.htm -
  • path-cubica-svg.htm -
  • path-quadratica-svg.htm -
  • path-simmetrica-svg.htm -
  • path-tangente-svg.htm -
  • comando-path.html ( raccolta) -
  • reticolo-ruotato-svg.htm -
  • ripetizione-forme-svg.htm -
  • orologino-svg.htm -
  • orologio-decimale-svg.htm - nella speranza che un abile orologiaio lo realizzi concretamente...
  • sento-eventi-svg.htm -
  • foto-ginevra-svg.htm -
  • painting-svg.html - Disegni vari.
  • shapes-svg.html - rassegna delle curve.
  • pservers-svg.html - effetti grafici vari.
  • piccoli-capolavori-svg.html - Piccoli esempi brillanti di SVG trovati in rete.
    • Per vedere un disegno SVG con Internet Explorer ( attualmente ossia nel 2009 ) occorre che sia stato istallato sul proprio PC il visualizzatore dell' ADOBE. Bisogna cioè collegarsi al sito: http://www.adobe.com/svg/viewer/install/main.html e scaricare la versione 3.01 del 2003 in italiano o ...versioni successive.
    Alternativamente basta aprire questa pagina con Firefox, Opera, Safari, Chrome... Purtroppo si constaterà che la grafica SVG non è ancora attuata in modo completamente corretto... e siamo nel 2009. Riuscirò a vedere mai i principali browser implementarla secondo gli standard ufficiali ? Dovrò battere il longevità Matusalemme ?
    Ribadisco il punto: qui non si tratta di fare bella grafica raffinata ma di imparare a destreggiarsi quando occorre inserire nelle proprie pagine HTML un disegnino che illustri il.... teorema di Pitagora. Per fare questo si può ovviamente usare grafica a pixel ma con la grafica vettoriale, dove vanno indicate le coordinate dei punti, si può essere certi che il segmento che si vuol disegnare inizi rigorosamente nel punto che si vuole e finisca esattamente nel punto che si vuole, ... ed essere certi di tracciare l'esatta perpendicolare da un punto ad una retta... etc.

    Avvertenza: la visualizzazione fatta con Internet Explorer 6 mostra un numero di attributi superiore a quelli realmente digitati. Alcuni attributi possono venire omessi perchè IE6 provvede automaticamente ad applicare i valori di default che, anche se non scritti esplicitamente, vengono comunque visualizzati. Dunque controllare il testo perché è spesso più semplice di quanto viene mostrato!!! di ognuno una copia .svg.