{"id":9,"date":"2009-03-12T04:30:00","date_gmt":"2009-03-12T06:30:00","guid":{"rendered":"http:\/\/blog.delifrut.cl\/?p=9"},"modified":"2009-03-16T02:34:04","modified_gmt":"2009-03-16T05:34:04","slug":"svg-to-degrafa","status":"publish","type":"post","link":"https:\/\/blog.delifrut.cl\/?p=9","title":{"rendered":"SVG to Degrafa"},"content":{"rendered":"<p>Hola nuevamente!<\/p>\n<p>Este verano estuve haciendo una aplicaci\u00f3n utilizando ActionScript que carga din\u00e1micamente un archivo SVG en tiempo real y lo despliega en pantalla.<br \/>\n<strong><br \/>\nHow it Works?<\/strong><\/p>\n<p>La aplicaci\u00f3n lee el archivo XML correspondiente a la Imagen SVG y lo parsea. luego utiliza esa informaci\u00f3n para crear objetos del tipo <!--more-->Geometry que es una clase de la libreria DEGRAFA.<\/p>\n<p><strong>advantages<\/strong><br \/>\nLa principal ventaja de utilizar objetos de la librer\u00eda DEGRAFA y no pintar el svg utilizando las herramientas nativas de ActionScript es que los objetos DEGRAFA se pueden seguir modificando una vez que son Pintados en la pantalla. esto me permite transformar las figuras del svg por partes por ejemplo aplicar efectos al pasar el Mouse, al seleccionar, etc.<\/p>\n<p>les dejo un peque\u00f1o ejemplo donde se carga un archivo SVG(xml)  y se muestra en pantalla reconociendo los vectores utilizados en su representacion.<\/p>\n<p>puedes ver un ejemplo <a title=\"Ejemplo - leer SVG con degrafa\" href=\"http:\/\/josbram.delifrut.cl\/files\/flex\/degrafa_svg\/bin-debug\/\" target=\"_blank\">aqui<\/a><\/p>\n<p><span style=\"font-weight: bold;\">Definiciones:<\/span><\/p>\n<p>SVG (Scalable Vector Graphics) es un lenguaje para describir gr\u00e1ficos vectoriales en XML.<\/p>\n<p>Degrafa (Declarative Graphics Framework) : es una libreria que pemite crear figuras geometricas en actionScript utilizando declaraciones muy similares a las que utiliza el lenguaje SVG.<\/p>\n<p>en este trabajo he utilizado como base el proyecto de <a href=\"http:\/\/code.google.com\/u\/charles.m.dietrich\/\">charles.m.dietrich<\/a>,     <a href=\"http:\/\/code.google.com\/u\/lucaslorentzlara\/\">lucaslorentzlara<\/a><\/p>\n<p><a title=\"degrafa_svg.zip\" href=\"http:\/\/josbram.delifrut.cl\/files\/flex\/degrafa_svg\/degrafa_svg.zip\" target=\"_self\">Descargar el proyecto FLEX <\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hola nuevamente! Este verano estuve haciendo una aplicaci\u00f3n utilizando ActionScript que carga din\u00e1micamente un archivo SVG en tiempo real y lo despliega en pantalla. How it Works? La aplicaci\u00f3n lee el archivo XML correspondiente a la Imagen SVG y lo parsea. luego utiliza esa informaci\u00f3n para crear objetos del tipo<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[37],"tags":[5,4,7,6,8],"_links":{"self":[{"href":"https:\/\/blog.delifrut.cl\/index.php?rest_route=\/wp\/v2\/posts\/9"}],"collection":[{"href":"https:\/\/blog.delifrut.cl\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.delifrut.cl\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.delifrut.cl\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.delifrut.cl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":6,"href":"https:\/\/blog.delifrut.cl\/index.php?rest_route=\/wp\/v2\/posts\/9\/revisions"}],"predecessor-version":[{"id":16,"href":"https:\/\/blog.delifrut.cl\/index.php?rest_route=\/wp\/v2\/posts\/9\/revisions\/16"}],"wp:attachment":[{"href":"https:\/\/blog.delifrut.cl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.delifrut.cl\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=9"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.delifrut.cl\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}