SVG
Get flash to fully experience Pearltrees
svg-edit - Project Hosting on Google Code
In browsers that support the W3C File API, this editor allows you to open local files. The set of browsers in which this supported is: Firefox 3.6+, Chrome 6+, Safari 5+, and Opera 11.10+ (builds from 2011-04-05 onwards). SVG-edit is an online vector graphics editor that uses only JS, HTML5, CSS and SVG (i.e. no server-side functionality). SVG-edit has the following features: SVG-edit works directly in the browser.Raphael Source Examples
irunmywebsite @mapsndata Can you send your map/maps to me. If you did not try my converter yet, I might be able to help.... 10 days ago · reply · retweet · favorite
SVG grouping using Raphael JS
var myRectangles = [obj1,obj2...etc];// the array of elements which will form the group var myGroup = r.group(0,myRectangles);// '0' is the number of the 'svg' tag in the page myGroup.translate(250,55);// translate the group to 250,55; myGroup.rotate(45,20,48);// rotates the group myGroup.scale(.5,.5);// scales the group myGroup.copy(circle);// copies a Raphael JS element myGroup.push(newRect);// adds a new object to the group at a later time var someAttribute = myGroup.getAttr('translate'); // returns object (axis as x,y,z)
Raphaël—JavaScript Library
// Creates canvas 320 × 200 at 10, 50 var paper = Raphael( 10 , 50 , 320 , 200 ); // Creates circle at x = 50, y = 40, with radius 10 var circle = paper.circle( 50 , 40 , 10 ); // Sets the fill attribute of the circle to red (#f00) circle.attr( "fill" , "#f00" ); // Sets the stroke attribute of the circle to white circle.attr( "stroke" , "#fff" );