Visualizzazione dei risultati da 1 a 2 su 2

Discussione: SVG integrato in XHTML

  1. #1

    SVG integrato in XHTML

    Salve forum! E' parecchio che non giro qui, visto che avevo imparato a risolvermi gran parte dei problemi da solo, ma questo argomento mi risulta un po' ostico. Parlo di SVG, e in particolare vorrei capire come integrarlo bene con XHTML.

    Non apro l'ennesima discussione su svg, plugin browser etc etc, vorrei solo capire come ficcare svg in una pagina, in tutti i modi possibili: cosa e' fattibile e cosa no.

    Ad esempio: se volessi fare un codice html normale che disegna in svg una immaginetta, non ho problemi: faccio il codice, poi dove ci metterei [img]blah[/img] ci metto il buon <svg xmlns etc etc> ... </svg> e tutto funziona.

    Pero' ora ho bisogno di sconfinare dall'uso banale di svg come "immaginetta vettoriale" e vorrei basare pesantemente il mio layout della pagina con svg.
    In particolare, mi sarebbe piaciuto creare codice xhtml+svg e stylare tutto con css come facevo con xhtml. Peccato pero' che da quello che mi e' parso di capire, svg e css non vanno cosi' d'accordo, perche' gli stili che sono applicabili agli elementi svg sono decisamente pochi. Ad esempio, se volessi prendere un rettangolo [edit: un svg:rect] e farci "float: right;" non lo posso fare (o almeno non sono riuscito a farlo e non ho trovato niente sul w3c).

    Diciamo che io ho questo problema: prima facevo una pagina xhtml e stylavo tutto con svg (non con cose scabrose tipo layout a tabelle etc, ma usavo css correttamente per posizionare gli elementi e tutto, con positions, float etc). A volte ho la necessita' di stylare alcuni elementi e metterci immagini di background: io vorrei capire come metterci dentro i miei disegni svg (se e' possibile).
    Questa e' solo una delle tante domande che mi vengono... a dire il vero la mia volonta' e speranza era quella che svg fosse __molto__ integrato con css, diciamo al pari di xhtml, ma non mi pare sia cosi'.

    Qualsiasi info, guida o reference che possa dimostrarmi il contrario e' molto ben accetta, come qualsiasi risposta e commento costruttivo a questo post

    Grazie mille
    #exclude <windows.h>
    Powered by Gentoo GNU/Linux
    Cos'e' l'impossibile se non una questione di tempo?
    Riesumare i post vecchi non e' sbagliato, e' una risposta o la continuazione di un thread. Meglio riesumare che creare di nuovi :]

  2. #2
    Mi correggo: sono riuscito a fare andare la proprieta' float, ma comunque ho ancora il problema di voler usare una immagine svg come background-image di un oggetto normale.

    E' possibile?

    Ho provato a fare qualcosa del tipo:
    codice:
    <html>
    <body>
    <div style="height: 50; width: 50; background-image: url(#disegno);">Qualcosa</div>
    
    <svg id="disegno">
    <rect x="1" y="1" width="90%" height="90%" fill="red" />
    </svg>
    </body>
    </html>
    pero' non funziona fare il riferimento con l'id :\ (si, ok, perdonatemi la grezzaggine ma era per dare l'idea

    Qualche idea o esperienza?

    Ri-Grazie
    #exclude <windows.h>
    Powered by Gentoo GNU/Linux
    Cos'e' l'impossibile se non una questione di tempo?
    Riesumare i post vecchi non e' sbagliato, e' una risposta o la continuazione di un thread. Meglio riesumare che creare di nuovi :]

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.