Aurium :: Editando SVG com JavaScript

Caro Usuário de Internet Explorer,

Seu navegador não tem suporte nativo a SVG, o que inviabiliza a utilização dos recursos implementados nesta página. Pegue o FireFox Já!

Esta página foi feita para aproveitar recursos do Geko, portanto funciona no Mozillão, Firefox, Ephipany e outros derivados.

Insira ou modifique código javascript no campo abaixo para testar a manipulação do SVG

// modifica aleatoriamente o raio e a posição horizontal do círculo: circle.setAttribute( "r", (rand()*50)+10 ); circle.setAttribute( "cx", rand()*400 );

Códigos de teste:

Animação Simples Criando um Círculo Ver Atributos do objeto Círculo Animando a cor Círculo

Quer entender melhor como se define um caminho SVG, de forma prática? Visite: Representação textual e gráfica (e interativa) de caminho SVG com visualização das alças Bézier.

Referência:

Interessante:

Google mostra estatísticas em SVG: http://code.google.com/webstats/index.html
http://www.carto.net/papers/svg/webmapping/files/cursor/myCursor.svg

smile.svg: exemplo de arquivo SVG

Attachments

Topic attachments
I	Attachment	Action	Size	Date	Who	Comment
svg	smile.svg	manage	1.7 K	24 Jun 2006 - 18:28	AurelioAHeckert	exemplo de arquivo SVG
svg	template-vazio.svg	manage	0.2 K	24 Jun 2006 - 18:28	AurelioAHeckert
svg	teste.svg	manage	7.4 K	24 Jun 2006 - 18:28	AurelioAHeckert

Aurium :: Editando SVG com JavaScript

Últimas blogadas:

Códigos de teste: