Usando SVG através do ActionScript – AS3 SVG Renderer

É possível carregar arquivos gráficos SVG (formato de arquivos de desenho em vetor, organizados em modo XML) através do ActionScript como se fossem Sprites.

A biblioteca AS3 SVG Renderer suporta boa parte dos recursos oferecidos pela linguagem SVG. Criada por um brasileiro (veja o blog), ela ainda não suporta o carregamento de arquivos de imagem (como JPEG, PNG, etc., um recurso disponível no SVG), o que não chega a atrapalhar em nada (haja vista que é possível carregar Bitmaps usando classes nativas do ActionScript). Muitos outros recursos estão disponíveis (desenhos de formas, linhas, transformações como rotação e inclinação, entre outros).

O uso da biblioteca é muito simples: basta carregar o arquivo como se fosse um XML, usando o package do ActionScript. O programa Adobe Flash torna-se dispensável.

O exemplo a seguir carrega e exibe um SVG carregado a partir de uma URL qualquer.

[actionscript3]
package
{
import flash.display.MovieClip;
import flash.display.Sprite;

// A biblioteca AS3 SVG RENDERER
import com.lorentz.SVG.*;

import flash.events.Event;

import flash.net.URLLoader;
import flash.net.URLRequest;

/**
* …
* @author FRANCISCO PRADO
*/
public class Main extends Sprite
{
public var mc:MovieClip = new MovieClip();

public function Main() {
// Carregador da figura
var loader:URLLoader = new URLLoader();
loader.addEventListener(Event.COMPLETE, onComplete);

// Iniciando o carregamento
loader.load(new URLRequest("URL do arquivo.svg"));

addChild(mc);
}

public function onComplete(evt:Event):void {
var shp:Sprite;
var svg:XML = new XML(evt.target.data);

// Renderizará o arquivo SVG
shp = new SVGRenderer(svg);

// Adiciona ao movieclip
mc.addChild(shp);
}
}
}
[/actionscript3]

Be Sociable, Share!

4 pensamentos em “Usando SVG através do ActionScript – AS3 SVG Renderer”

  1. Amigão, peguei esse código e salvei em um bloco de notas como “ver.htm”, antes colei a url de um arquivo .svg (http://dl.dropbox.com/u/2128528/Imagens/papa.svg) que exportei do corel alí onde mostra que se deve botar a url mas não deu certo.

    Olha só como fica: http://dl.dropbox.com/u/2128528/javascripts/ver.htm

    Estranho que já fiz o mesmo com vários códigos que vocês dispõe nesses sites, só vocês que conseguem, não conheço ninguém que consiga fazer essas coisas funcionarem, comigo quase nenhum dá certo. A maioria que dá certo são as dicas do Usuariocompulsivo.com.br e do dicasblogger.com.br. A pergunta é: Será que não falta um pouco mais didática nessas matérias?

  2. Amigão, peguei esse código e salvei em um bloco de notas como “ver.htm”, antes colei a url de um arquivo .svg (http://dl.dropbox.com/u/2128528/Imagens/papa.svg) que exportei do corel alí onde mostra que se deve botar a url mas não deu certo.

    Olha só como fica: http://dl.dropbox.com/u/2128528/javascripts/ver.htm

    Estranho que já fiz o mesmo com vários códigos que vocês dispõe nesses sites, só vocês que conseguem, não conheço ninguém que consiga fazer essas coisas funcionarem, comigo quase nenhum dá certo. A maioria que dá certo são as dicas do Usuariocompulsivo.com.br e do dicasblogger.com.br. A pergunta é: Será que não falta um pouco mais didática nessas matérias?
    Acho que vocês não ganham comentários nos posts porquê ninguém entende e não sabe como nem onde aplicar.

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Time limit is exhausted. Please reload the CAPTCHA.