ActionScript · Dicas & Tutoriais

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]

Curtiu? Então aperte o botão:
LEIA TAMBÉM  Flupie - usando ActionScript para animação de texto