Script SVG

Question

Estou pensando em desenvolver um site semelhante ao stackoverflow, mas as respostas também podem consistir em desenhos (esquemas, neste caso).Quero ter uma área no formulário de resposta onde eles possam fazer esse esquema sem precisar de plugins especiais, etc.

1. Chegamos ao ponto em que o SVG tem ou deveria ter massa crítica em breve (1-2 anos), de modo que projetar um site onde o SVG executado por script como recurso principal seja razoável (ou seja, exigir o Firefox ou outro navegador compatível com SVG/AJAX)?
2. Quais são alguns bons recursos para aprender scripts SVG de plataforma cruzada (provavelmente em javascript)?

-Adam Davis

Answer 1

Infelizmente, não tenho uma resposta, mas tenho três dicas de projetos que você pode analisar.

O primeiro é o Kernel animado por Dan Ingalls (sim, o Dan Ingalls) na Sun Labs.É uma implementação de um mundo virtual Smalltalk em JavaScript sobre SVG.Mais precisamente, é uma implementação da estrutura Morphic GUI do Squeak Smalltalk em JavaScript usando SVG e uma porta de (partes de) Squeak Smalltalk em JavaScript.

Ou, se você não é um Smalltalker e o que foi dito acima não faz sentido para você:é um sistema operacional, escrito em JavaScript com o interpretador JavaScript como CPU, SVG como placa gráfica e o navegador como computador.

Isso é o mais extremo possível quando se trata de JavaScript e SVG.E isso só completamente funciona no Safari 3 e parcialmente no Firefox 3, embora também exista uma versão experimental para o Internet Explorer.

O segundo projeto é de John Resig Processamento.js porta da linguagem de visualização Processing para JavaScript.Ele usa o <canvas> elemento em vez de SVG justamente por causa dos problemas que você mencionou.Este, entretanto, só funciona no Firefox 3.

O terceiro é 3D em tempo real em JavaScript por Picles Inúteis.Ele usa apenas JavaScript, DOM e CSS e não SVG ou <canvas> ou Flash ou qualquer outra coisa. E é portátil para quase todos os navegadores, incluindo o Internet Explorer 7 e superior.Fazer 2D deveria ser ainda mais fácil do que isso.

Entre esses três projetos você deve ser capaz de encontrar alguma inspiração e também encontrar algumas pessoas que tentaram ir além com JavaScript e SVG ou JavaScript e Gráficos e podem lhe dizer o que funciona e o que não funciona.

Conclusão:fazendo SVG entre navegadores ou entre navegadores <canvas> é quase impossível, mas com um pouco de loucura, gráficos entre navegadores sem SVG ou <canvas> é possível.

Answer 2

Rafael parece uma abordagem interessante sobre o problema dos gráficos vetoriais entre navegadores.

Answer 3

SVGWeb é um script que adiciona recursos SVG quase nativos ao IE usando flash.Todos os outros navegadores principais suportam SVG.

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

Answer 4

1/provavelmente nunca - se o IE quisesse adicioná-lo, então eu já teria feito isso;mas existem soluções alternativas usando Luz cinza e lagartixa para fornecer renderização.Por outro lado, existem APIs gráficas para vários navegadores disponíveis.Fiz front-ends maiores usando XULRunner e SVG, mas nada na web que atendesse ao IE.

2/ Os dois a que me referi com mais frequência foram os Páginas SVG em mozilla.org e isto Referência SVG DOM .Todos os meus links SVG estão aqui em delicioso

Há um editor existente em http://www.bpel4chor.org/editor/;Além disso, se tudo o que você deseja são esquemas onde todos os arcos estão em uma grade, você pode fazer isso muito bem usando divs e imagens sem SVG.Ou você pode simplesmente ir rota lo-fi

Answer 5

Como @jwmittag mencionou <canvas> é uma opção.

Funciona no Saffari e Firefox 3, Opera 9 e as pessoas estão desenvolvendo suporte para IE.

Você pode facilmente capturar cliques do mouse associados à ferramenta e às propriedades atuais.Redesenhando a tela em cada exibição de página.

Acabei de terminar um projeto usando <canvas> e é uma API simples e muito poderosa para trabalhar, especialmente se você já fez algum trabalho com OpenGL ou Cairo.

Boa sorte, parece um projeto legal.