Aurium :: Editando SVG com JavaScript

• Página Inicial
• Sobre Aurium
• Vegetarianismo
• Meu Blog
• Meus Scripts
• Contate-me

• Principais Etiquetas:
• Documentação
• Teste
• SVG

---

Quer retribuir uma ajuda ou algo útil que encontrou aqui?
Que tal um clique nesse botãozinho aí? :-)

• Outras Webs Wiki-Colivre

Últimas blogadas:

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:

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:

• http://svglbc.datenverdrahten.de
• http://www.svgbasics.com
• http://www.w3.org/TR/SVG11
• http://wiki.svg.org
• http://developer.mozilla.org/en/docs/SVG:Scripting
• http://developer.mozilla.org/presentations/xtech2005/svg-canvas/
• http://www.croczilla.com/svg
• http://www.kevlindev.com/tutorials/geometry/bezier

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

▼ Attachments

Topic attachments

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