In rete http://www.elegio.it/omnia/sv/
In rete http://www.elegio.it/omnia/sv/svg-con-marengo.html

Come riutilizzare parecchie volte con SVG una stessa immagine contenuta ( codificata in base 64 ) nel documento HTML

Per modificare i testi nelle immagini SVG

Prova a cliccare l'ellisse rossa qua sotto a destra !

http://www.elegio.it/svg/grafico2funzioni2014.html
Alcune info utili stanno qui: http://www.elegio.it/utili

Questo documento ha lo scopo di fare provare l'uso di una piccola libreria pensata per la grafica SVG. Tutto quello che viene trascritto in italico, ossia in corsivo, è quello che viene realmente processato dal metodo svglib.esaminando(elementoHTML) ossia a questo metodo va dato come argomento una marca HTML e ci pensa il metodo a prelevare solo quello che è contenuto nelle marche <i> e tutto il resto rappresenta soltanto commenti esplicativi...
Per potere scrivere senza problemi, nella textarea qua sotto, le marche <i> che servono qui, uso il carattere { al posto di < e il carattere } al posto di >.

Da usare tenendo presente che il viewBox di visualizzazione è un quadrato largo 1250 e alto 1250
...Notare che nella textarea qua sopra sono presenti un sacco di caratteri inutili dato che quelli che realmente vengono usati sono i caratteri contenuti nella marca {i} da chiudere con la marca di chiusura rappresentata da {/i}. Queste pseudo marche vengono poi dinamicamente convertite in quelle vere ossia <i> e </i> ...
...Per disegnare spezzate semplicemente separare l'ascissa e l'ordinata con il carattere ^ e vedere poi la spiegazione di come fare apparire frecce o cerchietti utili per individuare meglio i punti...
..Notare anche che, per specificare l'ascissa e l'ordinata di ogni punto è ammesso usare funzioni matematiche come sqrt o sin o log etc... ossia quelle della libreria Math di Javascript...
...
Per conservare qui gli appunti che voglio...

Usa un path di cui calcola il percorso. Chiama la libreria esterna : http://www.elegio.it/utili/svg-jslibreria.js.txt

In onore di π

Ottengo dunque :

Bisogna usare marche <i> che se contengono il carattere separatore  ^  ( separa la ascissa e l'ordinata del punto ) rappresentano un nuovo punto, se contengono il carattere separatore  @  rappresentano un nuovo punto ma indicando con una freccia l'estremo finale del segmento mentre se contengono il carattere  $ , preceduto da un numero, viene disegnato un cerchietto di raggio dato dal numero, usabile in fase di debug per individuare il punto a cui il disegno è arrivato e se non ci sono i caratteri  $  o  ^  o  @  si ottiene il salto della linea ossia la linea riprende dove compare il nuovo carattere  ^  o  @ .

Dato che le espressioni sono tutte valutate, si possono definire i valori delle proprietà della libreria  svglib  che sono tutte le lettere alfabetiche minuscole ossia  svglib.a ,  svglib.b , ...,  svglib.z .

Sono disponibili anche, come variabili interne del metodo che le utilizza, tutte le lettere maiuscole dell'alfabeto, da  A  fino a  Z .

Provo a suddividere un documento pieno di marche <i> ossia :

(svglib.a=100;103^500) ($) e poi 
(355@200+svglib.a) 
($) e poi 
(400*cos(1)^500*sin(2)+700)
e (15$) 
(svglib.commento("Sono arrivato fin qui e salto"))
(390*tan(1.2)^60*log(2))
(15$) 
(600+200*exp(1)@215*log(3)+800) ($) 
(129^35)
(25$)

e così via...

Qui sotto dovrebbe comparire il nome di questo file dato che è una informazione utile per accedere ad altri documenti di indirizzo e nome simile....

...Il nome di questo file se tutto ( Javascript ) ha funzionato ...


La funziona che pilota la libreria è questa:

var lavora=function(){
    var ns,xpa;
    var listablo=document.getElementsByTagName("blockquote");
    var listap=listablo[1].getElementsByTagName("p");
    //
    ns=svglib.esaminando(listablo[1]);
    listap[0].innerHTML="ATTENZIONE ! Questo è il risultato ossia la stringa "+
    "che assegno all'attributo d del path : \u003cbr/\u003e( "+ns+" )";
    //
    xpa=document.getElementById("miodisegno");
    xpa.setAttribute("d",ns);
    // 
    listap[listap.length-1].innerHTML="Mi chiamo : "+svglib.michiamo();
    }

http://www.elegio.it/mc2/moto-ellittico-201308.html
http://www.elegio.it/omnia/sv/trentafacce.html
http://www.elegio.it/utili/esempi-uso-css.html
http://www.elegio.it/svg/precessione-manuale.html
http://www.elegio.it/images/elencoimmagini.html
http://www.elegio.it/images/test/
http://www.elegio.it/images/test/test02.png
http://www.elegio.it/images/francobolli/