Raphael JS - использовать SVG файл

Я видел несколько потоков, которые рассматривают этот вопрос, но ничего, что действительно решает мою проблему. У меня есть SVG файл с картой и различными регионами (http://www.mediafire.com/?5pmyevdwbyrb51f). Я хочу сделать что-то вроде этого: http://raphaeljs.com/australia.html.

Но вопрос в том, как я могу преобразовать файл так, чтобы он работал в script? Как получить эти координаты? Я попробовал несколько конвертеров и таких, но я должен сосать это, потому что я не могу заставить его работать. Может кто-то может помочь?

Ответы

Ответ 1

Если вы хотите использовать Raphael для импорта SVG файла, чтобы вы могли отображать его или манипулировать им, он в настоящее время не поддерживается. Но вы можете проверить расширения raphael-svg-import или raphael-svg-import-classic.

См. также SVG файлы в Рафаэле, можно ли их использовать?

Ответ 2

Посмотрите код:

http://raphaeljs.com/tiger.html

<script src="tiger.js">
// Load the file with the tiger mapping to a variable
     var tiger = [0,0,600,600,{type:"path",path:"M-122.304 84.285C-12...
</script>

<script>
 // run it
 window.onload = function () {
    var r = Raphael(tiger).translate(200, 200);
 };
</script>

Ответ 3

Дополнительно к mikefrey answer, используя рэпер, пример:

var paper = Raphael(0, 0, 160, 600);

var rappar = [...]; // here use the output from rappar

var graphic = paper.set();
rappar.forEach(function (item) {
  graphic.push(paper
    .path(item.path)
    .attr('fill', item.fill)
    .attr('stroke', item.stroke)
    // ...
  );
});
graphic.transform('s0.8,0.8,0,0');
// ...

Использование Raphael v2.2.6 и rappar v0.0.2.