Иконка Font Awesome не может быть экспортирована с графиком D3JS с помощью Filesaver.js - PullRequest
Новая
       101

Иконка Font Awesome не может быть экспортирована с графиком D3JS с помощью Filesaver.js

0 голосов
/ 18 октября 2019

Я использовал D3JS для создания силового ориентированного графа, и я заменил узлы шрифтом. Все работает нормально, пока я не попытался преобразовать его в BLOB-объект и загрузить его, используя filesaver.js.

. Этот код я использовал для создания форсированного графа: https://bl.ocks.org/heybignick/3faf257bbbbc7743bb72310d03b86ee8

Этокод, который я использовал для преобразования моего SVG-графика в BLOB-объект: http://bl.ocks.org/Rokotyan/0556f8facbaf344507cdc45dc3622177

Это часть кода, в которой я заменяю узлы круга на шрифт awesome icon: 

node.append('text')
    .attr("class", "nodeText")
    .attr('text-anchor', 'middle')
    .attr('dominant-baseline', 'central')
    .attr('font-family', 'Font Awesome\\ 5 Free')
    .style("stroke", "green")
    .text('\uf007');

Iожидаем, что вывод изображения будет таким же, как приведенный выше график с направлением силы, но со значком шрифта вместо узлов круга.

1 Ответ

0 голосов
/ 21 октября 2019

Через некоторое время я наконец понимаю, что мне нужно преобразовать значок Font Awesome в svg path вместо того, чтобы указывать его как <i class="fas fa-user" /> или с текстом '\uf007'.

...