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).
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.)
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?
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?
