[Inkscape Brasil] Como colocar SVG em uma página Web Já!

[Aurélio A. Heckert]

Sempre ficamos falando de futuro... SVG é o futuro da web,
"SVG vai matar o flash"... e outras coisas...

Vi que o pessoal está querendo converter SVG para SWF,
para colocar na web. Não precisa gente...

Já podemos colocar SVG na web hoje! E é muito simples.
Crie um iFrame e coloque seu SVG dentro. exemplo:
<iframe src="meu-desenho.svg" width="300" height="300" frameborder="0"></iframe>

Pra quem não saca HTML equer entender isso:

<iframe> é a tag que cria uma janelinha dentro da página web,
permitindo que você tenha uma página dentro da outra, ou neste
caso, um SVG dentro da página.

</iframe> é o fechamento do iframe. sSvocê não fecha-lo,
todo o conteúdo seguinte será "engolido". :-)

Toda tag pode receber atributos desta forma:
<minhaTag atributo1="valor1" atributo2="valor2">...</minhaTag>
Agora podemos conhecer os atributos do iframe:

src="meu-desenho.svg"
src é a contração de "source", "fonte" em português.
O valor de src é o caminho + nome do arquivo. Se você não
colocar o caminho (como neste caso) o arquivo é procurado
no mesmo diretório do SVG.

width="300"
Define a largura do iframe. Use a mesma do desenho SVG.

height="300"
Define a altura do iframe. Use a mesma do desenho SVG.

frameborder="0"
Define a espessura da borda. Acho melhor tirar, por iso está 0.

Veja uma página usando isso:
http://www.colivre.coop.br/Aurium/BoidsSVG
(e o SVG nela é animado, mas isso é mais avançado)

Para os avançadinhos tenho isso:
http://www.colivre.coop.br/Aurium/SvgAndXhtml
Mesclar SVG, XHTML e outras coisas é o que faz o SVG
ter mais futuro que SWF.

Hasta!
 Aurium

-- 
Aurélio A. Heckert http://colivre.coop.br/Aurium
GNU/Linux User #312507 http://counter.li.org
 - - - - - - - - - - - - - - - - - - - - - - - - -
Ilustração Vetorial Livre: http://InkscapeBrasil.org
Coop. de Tecnologias Livres: http://Colivre.coop.br
 - - - - - - - - - - - - - - - - - - - - - - - - -
 "Eu temo pela minha espécie quando penso
 que Deus é justo." Thomas Jefferson