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

[Menphystofeles]

Nossa... legal essa notícia ein... Não tinha entendido da outra vez que vc falou. Putz... vou tentar trabalhar direto com o SVG então... 

Valeu pelas dicas!

----- Mensagem original ----
De: Aurélio A. Heckert <aurium em gmail.com>
Para: Comunidade Inkscape Brasil <inkscape-brasil em listas.softwarelivre.org>
Enviadas: Quarta-feira, 20 de Fevereiro de 2008 12:42:02
Assunto: [Inkscape Brasil] Como colocar SVG em uma página Web Já!

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
____________________________________________________
  
Lista 
de 
Discussão 
Inkscape-Brasil
  
O 
Site 
da 
Comunidade:
  
http://inkscapeBrasil.org
  
Sobre 
a 
Lista 
de 
Discussão:
  
http://inkscapeBrasil.org/.Comunidade#ListaDeDiscussao






      Abra sua conta no Yahoo! Mail, o único sem limite de espaço para armazenamento!
http://br.mail.yahoo.com/
-------------- Próxima Parte ----------
Um anexo em HTML foi limpo...
URL: http://listas.softwarelivre.org/pipermail/inkscape-brasil/attachments/20080220/f307c7c0/attachment.html