Raphael JS - Используйте файл SVG - PullRequest
Новая
       2

Raphael JS - Используйте файл SVG

23 голосов
/ 28 октября 2011

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

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

Ответы [ 3 ]

9 голосов
/ 28 октября 2011

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

См. Также SVG-файлы в Raphael, можноони будут использоваться?

2 голосов
/ 28 октября 2011

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

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>
0 голосов
/ 03 ноября 2016

В дополнение к ответу Миккефри с использованием рэпера, пример: 

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.

...