secuencias de comandos SVG

Question

Estoy considerando desarrollar un sitio web similar a stackoverflow, pero las respuestas también pueden consistir en dibujos (esquemáticos, en este caso).Quiero tener un área en el formulario de respuesta donde puedan hacer este esquema sin necesidad de complementos especiales, etc.

1. ¿Estamos en el punto en el que SVG tiene o debería tener una masa crítica pronto (1-2 años) de modo que diseñar un sitio web donde SVG ejecutado mediante script sea una característica principal (es decir, que requiera Firefox u otro navegador compatible con SVG/AJAX)?
2. ¿Cuáles son algunos buenos recursos para aprender secuencias de comandos SVG multiplataforma (probablemente en javascript)?

-Adam Davis

Answer 1

Desafortunadamente, no tengo una respuesta, pero sí tengo tres sugerencias sobre proyectos que podrías considerar.

El primero es el Núcleo animado por Dan Ingalls (sí, el Dan Ingalls) en Sun Labs.Es una implementación de Smalltalk Virtual World en JavaScript sobre SVG.Más precisamente, es una implementación del marco Morphic GUI de Squeak Smalltalk en JavaScript usando SVG y un puerto de (partes de) Squeak Smalltalk en JavaScript.

O, si no eres Smalltalker y lo anterior no tiene sentido para ti:es un Sistema Operativo, escrito en JavaScript con el intérprete de JavaScript como CPU, SVG como tarjeta gráfica y el navegador como computadora.

Esto es lo más extremo posible cuando se trata de JavaScript y SVG.Y solo completamente Funciona en Safari 3 y parcialmente en Firefox 3, aunque también existe una adaptación experimental a Internet Explorer.

El segundo proyecto es de John Resig. Procesamiento.js puerto del lenguaje de visualización de procesamiento a JavaScript.Utiliza el <canvas> element en lugar de SVG precisamente por los problemas que mencionaste.Éste, sin embargo, sólo funciona en Firefox 3.

El tercero es 3D en tiempo real en JavaScript por Encurtidos inútiles.Usa solo JavaScript, DOM y CSS y No SVG o <canvas> o Flash o lo que sea. Y es portátil para casi cualquier navegador, incluido Internet Explorer 7 y superiores.Hacer 2D debería ser incluso más fácil que esto.

Entre esos tres proyectos deberías poder encontrar algo de inspiración y también encontrar algunas personas que hayan intentado ir más allá con JavaScript y SVG o JavaScript y Graphics y puedan decirte qué funciona y qué no.

Conclusión:haciendo SVG entre navegadores o entre navegadores <canvas> Es casi imposible, pero con un poco de locura, gráficos para varios navegadores. sin SVG o <canvas> es posible.

Answer 2

Rafael Parece una visión interesante del problema de los gráficos vectoriales entre navegadores.

Answer 3

SVGWeb es un script que agrega capacidades SVG casi nativas a IE mediante flash.Todos los demás navegadores principales admiten SVG.

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

Answer 4

1/ probablemente nunca; si IE quisiera agregarlo, entonces habría pensado que ya lo habría hecho;pero hay soluciones usando PlataLuz y Geco para proporcionar renderizado.Por otro lado, hay API de gráficos para varios navegadores disponibles.He creado interfaces grandes usando XULRunner y SVG, pero no hay nada en la web que tenga que adaptarse a IE.

2/ Los dos a los que me referí con más frecuencia fueron el Páginas SVG en mozilla.org y esto Referencia DOM SVG .Todos mis enlaces SVG están aquí en delicioso

Hay un editor existente en http://www.bpel4chor.org/editor/;Además, si todo lo que desea son esquemas donde todos los arcos estén en una cuadrícula, puede hacerlo bastante bien usando divs e imágenes sin SVG.O simplemente podrías ir al ruta de baja fidelidad

Answer 5

Como mencionó @jwmittag <canvas> es una opción.

Funciona en Saffari y Firefox 3, Opera 9 y la gente está desarrollando soporte para IE.

Puede capturar fácilmente los clics del mouse asociados con la herramienta y las propiedades actuales.Redibujar el lienzo en cada visualización de página.

Acabo de terminar un proyecto usando <canvas> y es una API simple y muy poderosa con la que trabajar, especialmente si alguna vez ha realizado algún trabajo con OpenGL o Cairo.

Buena suerte, parece un proyecto genial.