FRIHOSTFORUMSSEARCHFAQTOSBLOGSCOMPETITIONS
You are invited to Log in or Register a free Frihost Account!


Scalable Vector Graphics (SVG)





Guardian
Eu aprendi a desenhar imagens e textos usando a BIBLIOTECA GD (relacionado à PHP), tipo, eu já tinha feito um gerador de button online e outras coisas e gostei muito de usar em algumas das minhas aplicações... Um bom exemplo do uso da BIBLIOTECA GD você pode ver no site PIXELBUTTON que gera uma imagem de acordo com os dados informados...

Hoje numa pesquisa pela NET, me debati com um novo tipo(para mim) de "escrita" de imagens, o Scalable Vector Graphics (SVG).

Quote:
"Trata-se de uma linguagem XML para descrever de forma vectorial desenhos e gráficos bidimensionais, quer de forma estática, quer dinâmica ou animada. Umas das principais características dos gráficos vectoriais, é que não perdem qualidade ao serem ampliados. A grande diferença entre o SVG e outros formatos vectoriais, é o facto de ser um formato aberto, não sendo propriedade de nenhuma empresa.

O formato SVG, neste momento, permite três tipos de objectos gráficos:

* formas geométricas vectoriais (isto é, linhas e curvas descritas matematicamente, ao contrário das imagens bitmap compostas por pixels)
* imagens raster / bitmap
* texto

Fonte: WIKIPÉDIA - A enciclopédia livre.

Eu li primeiro no site da WIKIPÉDIA em inglês que tem esse exemplo abaixo. Eu salvei com a extensão .svg (.xml também dá) e abri com o Firefox para ver se funcionava e dá certo. (Dois quadrados com bordas arredondadas, um vermelho e outro azul.)

Code:
<?xml version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
  "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 
<svg xmlns="http://www.w3.org/2000/svg"
 width="467" height="462">
  <rect x="80" y="60" width="250" height="250" rx="20"
      style="fill:#ff0000; stroke:#000000; stroke-width:2px;" />
 
  <rect x="140" y="120" width="250" height="250" rx="40"
      style="fill:#0000ff; stroke:#000000; stroke-width:2px;
      fill-opacity:0.7;" />
</svg>



SAIBA MAIS:

• WIKIPÉDIA - Scalable Vector Graphics (SVG)
• Tigre em SVG
• Outros exemplos em SVG

Achei super interessante... Alguém conhece ou faz aplicações?
D'Artagnan
O SVG realmente promete , o opera 9.5 tem suporte avançado a SVG , talves seja um bom substituto pro flash um dia... um dia.
mariohs
O svg é fantástico. Uma grande funcionalidade é para o zoom que alguns browsers implementam, sem afetar na qualidade da imagem. Isso facilitaria bastante na hora de fazer um layout de um site, sem se preocupar com liquidez.
Deline
xique!
vou ler mais! :*
Related topics
*OFFICIAL* Which Browser do you use?
Free software for web development
Rotate images using css?
Photoshop/Corel Draw Alternative
Video as animation
Inkscape
c++ recommended reading
How many people have heard of SVG?
"drawing" with JavaScript
Attention Coders and Designers lets Mix! (Vector Graphics)!
The birth of new open source that enables vector gaphics
Exciting new graphics enabling Javascript package
Google Þimdi De IEye El Attý!
Hacker wins $60,000 prize
Reply to topic    Frihost Forum Index -> Language Forums -> Portuguese

FRIHOST HOME | FAQ | TOS | ABOUT US | CONTACT US | SITE MAP
© 2005-2011 Frihost, forums powered by phpBB.