admin

La definizione di un gradiente, radialGradient, si basa su una sequenza di elementi figli, stop offset=0%, il colore più esterno … offset=100%, … interno Nota: l’elemento radialGradient possiede altri parametri…

La definizione di un gradiente, linearGradient, si basa su una sequenza di elementi figli, stop, ciascuno con gli attributi offset=”…%”, il punto di applicazione stop-color=”…”, il colore in quel punto Nota: l’elemento linearGradient possiede altri parametri…

Cerchio Un cerchio con centro in cx, cy e raggio r Un cerchio blu, con centro in (150,150) e raggio 100 Un cerchio … con bordo nero di spessore 3 Ellisse Un’ellisse con centro in cx, cy e raggi rx e ry Un’ellisse rossa, con bordo nero di spessore 3, e raggi uguali Un’ellisse orizzontale … Leggi tutto

Linea Un segmento con estremi x1, y1 e x2, y2 Un tratto blu, da (50,50) a (300,100) Un tratto blu, di spessore 10, da (50,50) a (300,100) Rettangolo Un rettangolo dati x, y, il vertice in alto a sinistra, width, height, le dimensioni (orizzontale e verticale) Un rettangolo blu, da (50,50), con dimensioni 200 e … Leggi tutto

Attributo gestore da aggiungere all’elemento <elemento gestore=”funzione(…)”>…</elemento> per far eseguire la funzione corrispondente, eventualmente dotata di parametri onclick onmousemove onmouseover onmouseout onmousedown onload evt evt.target evt.clientX evt.clientY Metodi per il documento document.metodo(…) rootElement getElementById(“…”) createElement(“…”), createElementNS(“…”), appendChild(…) removeChild(…) replaceChild(…, …) Metodi per gli elementi elemento.metodo(…) getAttribute(“…”) setAttribute(“…”, “…”) hasAttribute(“…”) removeAttribute(“…”) addEventListener(“…”, funzione, false) Restituiscono un … Leggi tutto

… fill:red fill:green fill:blue fill:none stroke-width:1 stroke-width:3 stroke-width:5

Da revisionare Attributi facoltativi comuni id style transform eventi …   Elemento Attributi Obbligatori Facoltativi line x1 y1 x2 y2 rect width height x y rx ry circle r cx cy ellipse rx ry cx cy polyline points polygon points

Da revisionare Per specificare gli stili degli elementi si utilizzano le tecniche dell’HTML e dei CSS. Le unità di misura per le dimensioni (pixel px, punti pt, default em, centimetri cm, millimetri mm, pollici in) sono tutte sconsigliate, quindi scrivi solo i numeri. Attributo Valori Descrizione Forme fill … colore interno fill-opacity 0…1 0=trasparente fill-role … Leggi tutto

Da revisionare Intestazione Un’intestazione completa potrebbe essere la seguente     …     … <xml> La dichiarazione xml è obbligatoria deve essere alla prima riga l’attributo version è obbligatorio version … standalone … encoding … DOCTYPE <svg> L’elemento svg è un raccoglitore di elementi contenitori: a defs glyph g marker mask missing-glyph pattern svg … Leggi tutto

Da revisionare: ognuna delle scelte ha pro e contro in funzione del browser Apri con… Associa i file .svg al browser Firefox, Safari, Chrome, … e potrai aprirli con un doppio clic Tag A Includi nel codice HTML un collegamento al file e l’immagine sarà aperta dal browser (se il browser non fosse aggiornato esistono … Leggi tutto