raphael js字体很棒

Question

我想要的是用raphaeljs创建一个简单的圆圈，里面有Facebook的“F”（这也将用于其他类似的情况）。“F”符号将由Font-Awesome生成。

我所做的（没有工作）是使用css和/或将字体家族设置为raphael属性。

代码如下：

<div id='share-facebook'></div>

#share-facebook {
  font-family: FontAwesome;
}

var canvas = Raphael('share-facebook', 100, 100);
var facebookWrapper = canvas.circle(50,50,50);
facebookWrapper.attr('fill', '#E3E3E3');
facebookWrapper.attr('stroke','none');
var facebookText = canvas.text(50,50,'&#xf09a');
facebookText.attr('font-size', 40);
facebookText.attr('fill', '#fff');
facebookText.attr('font-family','FontAwesome');

这里也有一把小提琴，让你的生活更轻松。据我所见，问题是raphaels将字符放置在文本节点内的tspan中，因此无法对其进行解码。谁有办法克服这个问题？

Answer 1

使用canvas.text(50,50,'\uf09a')；代替canvas.text(50,50,'&xf09a')；，这样就可以工作了