Esistono quadri disponibili per il disegno con CSS?

4

Mi rendo conto che sembra sciocco. Lasciami spiegare:

Mi sono imbattuto in questa pagina sull'utilizzo degli elementi CSS per creare forme: quadrato, cerchio, triangolo, stella, yin-yang (yin-yang!), ecc. usando pseudo elementi.

Dopo aver faticato con il disegno su tela HTML5 in passato, ho immediatamente pensato che alcune combinazioni di pseudo-elementi JavaScript e CSS dovevano essere in grado di disegnare qualsiasi cosa.

Quindi ho cercato su google "Frattali CSS". Niente da fare. Quindi "JS Fractals". Alcuni dadi, ma non quello che stavo cercando.

Sono pazzo o c'è del potenziale qui? jQuery può aggiungere e rimuovere elementi dal DOM per migliaia di giorni. Mi sembra che - data l'esistenza di triangoli tramite puro CSS - ci sia la possibilità di un bel meccanismo di disegno (2D e 3D) senza tela.

Tutti i pensieri, i quadri, i tutorial, i white paper, ecc. saranno apprezzati!

    
posta Matt Cashatt 06.01.2012 - 05:10
fonte

2 risposte

2

Donatello

Questo è ciò che penso stavi cercando.

    
risposta data 06.01.2012 - 07:28
fonte
1

Donatello, come suggerisce la risposta sopra, è un'ottima risposta, soprattutto se stai cercando grafici. Se vuoi fare un disegno più generale, Donatello si basa su Raphael.js ed è più generalizzato. Raphael può fare tutto ciò che vuoi quando si tratta di grafica 2-D (e persino simulata in 3-D). Tutto, dai grafici alle sfere tridimensionali ... è praticamente incredibile. Se vuoi realizzare frattali e immagini computazionalmente complesse, potresti voler consultare librerie specializzate che utilizzano operatori web, ad esempio Fractaljs .

La combinazione di HTML5 Canvas, CSS3 e JavaScript (in particolare jQuery) è sicuramente la risposta. Trovare il giusto pedaggio e le strutture in cima a quelle tecnologie è il prossimo passo. Quelli elencati qui sono un ottimo punto di partenza.

    
risposta data 06.01.2012 - 09:53
fonte

Leggi altre domande sui tag