Script SVG

Question

Sto pensando di sviluppare un sito web simile a StackOverflow, ma le risposte potrebbero consistere anche in disegni (schemi, in questo caso).Voglio avere un'area nel modulo di risposta in cui possano creare questo schema senza richiedere plugin speciali, ecc.

1. Siamo al punto in cui SVG ha o dovrebbe raggiungere presto una massa critica (1-2 anni) tale da rendere ragionevole la progettazione di un sito Web in cui SVG eseguito da script come caratteristica principale (ad esempio, richiede Firefox o un altro browser compatibile con SVG/AJAX)?
2. Quali sono alcune buone risorse per apprendere lo scripting SVG multipiattaforma (probabilmente in Javascript)?

-Adam Davis

Answer 1

Sfortunatamente, non ho una risposta, ma ho tre indicazioni su progetti a cui potresti dare un'occhiata.

Il primo è il Nocciolo vivace di Dan Ingalls (sì, IL Dan Ingalls) presso Sun Labs.È un'implementazione di Smalltalk Virtual World in JavaScript sopra SVG.Più precisamente, si tratta di un'implementazione del framework Morphic GUI di Squeak Smalltalk in JavaScript utilizzando SVG e un port di (parti di) Squeak Smalltalk in JavaScript.

Oppure, se non sei uno Smalltalker e quanto sopra non ha senso per te:è un sistema operativo, scritto in JavaScript con l'interprete JavaScript come CPU, SVG come scheda grafica e il browser come computer.

Questo è quanto di più estremo si possa desiderare, quando si tratta di JavaScript e SVG.E solo questo completamente funziona in Safari 3 e in parte in Firefox 3, sebbene sia disponibile anche un port sperimentale per Internet Explorer.

Il secondo progetto è di John Resig Processing.js port del linguaggio di visualizzazione Processing su JavaScript.Utilizza il <canvas> element invece di SVG proprio a causa dei problemi che hai menzionato.Questo però funziona solo con Firefox 3.

Il terzo lo è 3D in tempo reale in JavaScript di Sottaceti Inutili.Utilizza soltanto JavaScript, DOM e CSS e NO SVG o <canvas> o Flash o altro. E è portabile su quasi tutti i browser, incluso Internet Explorer 7 e versioni successive.Fare 2D dovrebbe essere ancora più semplice di così.

Tra questi tre progetti dovresti riuscire a trovare un po' di ispirazione e anche a trovare alcune persone che hanno provato a spingersi oltre con JavaScript e SVG o JavaScript e grafica e che possono dirti cosa funziona e cosa no.

Conclusione:eseguendo SVG cross-browser o cross-browser <canvas> è quasi impossibile, ma con un po' di follia, grafica cross-browser senza SVG o <canvas> è possibile.

Answer 2

Raffaello sembra un approccio interessante al problema della grafica vettoriale cross-browser.

Answer 3

SVGWeb è uno script che aggiunge funzionalità SVG quasi native a IE utilizzando Flash.Tutti gli altri principali browser supportano SVG.

http://code.google.com/p/svgweb/

Answer 4

1/ probabilmente mai - se IE avesse voluto aggiungerlo, avrei pensato che lo avrebbe già fatto;ma ci sono soluzioni alternative utilizzando ArgentoLuce E Geco per fornire il rendering.D'altra parte, sono disponibili API grafiche multibrowser.Ho realizzato front-end di grandi dimensioni utilizzando XULRunner e SVG, ma niente sul web che dovesse soddisfare IE.

2/ I due a cui mi riferivo più spesso erano il Pagine SVG su mozilla.org e questo Riferimento DOM SVG .Tutti i miei collegamenti SVG sono qui delizioso

C'è un editore esistente su http://www.bpel4chor.org/editor/;inoltre, se tutto ciò che desideri sono schemi in cui tutti gli archi sono su una griglia, puoi farlo abbastanza bene utilizzando div e immagini senza SVG.Oppure potresti semplicemente andare percorso lo-fi

Answer 5

Come menzionato da @jwmittag <canvas> è un'opzione.

Funziona con Saffari e Firefox 3, Opera 9 e le persone stanno sviluppando il supporto per IE.

È possibile acquisire facilmente i clic del mouse associati allo strumento e alle proprietà correnti.Ridisegnare l'area di disegno su ogni pagina visualizzata.

Ho appena finito un progetto utilizzando <canvas> ed è un'API semplice e molto potente con cui lavorare, soprattutto se hai mai lavorato con OpenGL o Cairo.

Buona fortuna, sembra un bel progetto.