title: Converting inkscape svg to raphael problems
body: <p>I have an svg map that I created in inkscape that I would now like to convert to raphaeljs in order to help make an interactive version for the web as well as make use of the VML fall back for IE. The svg file looks how I want it and I have used <a href="http://readysetraphael.com" rel="nofollow">Ready Set Raphael</a> to convert it to raphael. But its doesn't show up. I think its probably something I don't understand about how raphael works.</p>
  
  <p><a href="http://jsfiddle.net/drypg7bc/1/" rel="nofollow">Here</a> is a jsfiddle containing an example extract from the converted file.</p>
  
  <p>Here is js code from jsfiddle:</p>
  
  <pre><code>var rsr = Raphael('map', '706.09003', '658.05029');
  
  var field1 = rsr.path("m 2415.5344,-958.9303 c -19.1444,40.60838 -38.5008,83.5093 -36.2303,129.52066 0.062,13.03202 -0.1751,26.05929 -0.7125,39.08058 30.4076,-0.2234 61.4445,-0.18366 91.4597,-0.57116 -7.7541,-8.69731 -5.9123,-28.03507 7.1245,-30.48066 9.3941,1.85117 13.8856,-10.36777 13.83,-17.76263 -1.3423,-13.91414 9.2674,-27.08769 23.0002,-28.84828 3.9736,-3.61429 18.9733,-6.90909 14.4152,-11.53796 -36.5544,-28.25705 -73.9065,-55.42458 -111.5304,-82.22538 l -0.6785,1.41294 -0.6779,1.41189 z").attr({class: 'field',id: 'field1',fill: '#000000',"fill-opacity": '1',"fill-rule": 'evenodd',stroke: 'none','stroke-width':'1','stroke-opacity':'1',display: 'inline'}).transform("t-885.26624,1081.9108").data('id', 'field1');
  </code></pre>
  
  <p>The actual map is made of many more elements but I figure if I can get it working for one element I can probably extrapolate!</p>
  
  <p>Any help/pointers greatly appreciated.</p>