Back to top

Autore Topic: SVG? Ma a che cosa serve? Si integra o no con i css? TUTORIAAAAL?  (Letto 2216 volte)

Offline Helel

  • Nuovo arrivato
  • *
  • Post: 40
    • Mostra profilo
Salve a tutti.

Sono un grafico e ultimamente mi sto interessando a questo formato di immagine vettoriale che reputo molto interessante e che utilizzo con INKSCAPE.

Leggendo a destra e  manca ho capito che questo formato è stato creato in alternativa open source al ben più famoso flash.

Mi sono posto una domanda semplicissima.

E' possibile inserire un'immagine svg in un template, magari come sfondo di un div?

immaginate che bello se fosse possibile, peso in kb pressochè inesistente con qualità vettoriale.

Purtroppo però, nonostante sembri essere possibile non ho trovato una guida su come integrare le opere realaizzate in questo formato con INKSCAPE nei template , tutto quello che ho trovato assomiglia di più a noiosissimi tutorial di codice, codice, codice e solo codice...

Qualcuno si è mai posto il dilemma?
Se sì, è mai riuscito nell'intento?
Se al momento non è possibile un giorno sarà possibile?

Faccio queste domande qui perchè magari non sono l'unico che si chiede queste cose e magari qualcuno ha già trovato le risposte che cerco emagari lancio uno spunto di discussione..

Dolce e delizia..
http://www.monsterbox.it

Offline Fulvio B.

  • Esploratore
  • **
  • Post: 131
  • Sesso: Maschio
  • Heavy metal goes on forever!
    • Mostra profilo
Re:SVG? Ma a che cosa serve? Si integra o no con i css? TUTORIAAAAL?
« Risposta #1 il: 29 Lug 2009, 17:00:21 »
ciao, non mi sebra che sia una cosa "cristiana" fare quello che dici.
Ho trovato un sito: http://wiki.svg.org/SVG_and_HTML e diciamo che per integrare un svg defi fare una cosa del genere: use an object element wrapped around an embed

Insomma uno sbattimento...w i png! dai... ;D

Offline Helel

  • Nuovo arrivato
  • *
  • Post: 40
    • Mostra profilo
Re:SVG? Ma a che cosa serve? Si integra o no con i css? TUTORIAAAAL?
« Risposta #2 il: 29 Lug 2009, 17:36:30 »
Innanzitutto grazie per avermi risposto.

Anch'io avevo campito che è uno sbattimento enorme fare quel che avevo in mente, solo che leggendo in giro sembrava essere una rivoluzione già fattibile e quasi obbligatoria per chi vuole integrare disegni o elementi in vettoriale per abbandonare le care vecchie png (che adoro, ma che hai mè pesano).

Forse sono troppo avanti con la fantasia, o forse non è esattamente USER FRIENDLY, infatti per quel che mi riguarda grafica e codice sono esattamente come l'acqua e l'olio, uomini e donne, bianco e nero ecc ecc.. difficilmente la mente di un grafico può acquisire elementi di programmazione.

Cmq ho scoperto che se apriamo un file SVG con FIREFOX e poi andiamo a esplorare il codice della pagina che stiamo visionando troveremo il codice XML che serve per generare il disegno...

ora.. io ho trovato questo tutoria
 https://developer.mozilla.org/it/Introduzione_a_SVG_dentro_XHTML

Descrive come generare e applicare nello sfondo un disegno SVG.

Da bravo alchimista quale mi sento ho provato a fare il classico copia incolla del tag <svg> sostituendo l'originale con uno fatto da me (realizzato in inkscape e poi ricavato con la tecnica descritta prima), ma i risultati sono stati pessimi, sicuramente mi è sfuggito qualcosa..
Dolce e delizia..
http://www.monsterbox.it

Offline Helel

  • Nuovo arrivato
  • *
  • Post: 40
    • Mostra profilo
Re:SVG? Ma a che cosa serve? Si integra o no con i css? TUTORIAAAAL?
« Risposta #3 il: 29 Lug 2009, 18:23:18 »
OoooH!

Bene o male ci son riuscito, il caro vecchio :
"andiamo a tentativi visto che tutorial non ce ne sono"
Ha portato a qualcosa..

A questo indirizzo:
http://www.monsterbox.it/svg2.xhtml

Ho inserito un esperimento di pagina xhtml con svg realizza con inkscape.

Ho notato che è necessario creare il progetto (almeno se si usa dreamweaver) come file xml e poi lo si rinomina senno non funziona.

è necessario cambiare anche le prime righe di codice del tag <svg> stando attenti alle "<>" sennon non và..

Esperimento numero uno concluso..
Dolce e delizia..
http://www.monsterbox.it

 



Web Design Bolzano Kreatif