README

将fontawesome字体符号导出为javascript中的命名SVG路径。

所有符号的名称与font-awesome相同，但首字母大写，并使用下划线，例如"exclamation-circle"变为"EXCLAMATION_CIRCLE"。

用法

要使用此库，您只需要包含fontawesome-markers.min.js，并像以下示例那样引用它。

如果您是受虐狂，可以尝试使用extractor/中的脚本提取其他网络字体（或Font Awesome的新版本）。

示例 - Google Maps上的Font Awesome

您可以使用这些路径，例如在Google Maps等产品中使用。

new google.maps.Marker({
    map: map,
    icon: {
        path: fontawesome.markers.EXCLAMATION_CIRCLE,
        scale: 0.5,
        strokeWeight: 0.2,
        strokeColor: 'black',
        strokeOpacity: 1,
        fillColor: '#f8ae5f',
        fillOpacity: 0.7,
    },
    clickable: false,
    position: new google.maps.LatLng(lat, lng)
});

示例 - Canvas上的Font Awesome

您也可以使用新的Path2D API将它们绘制到画布上，您可能需要使用不支持浏览器的polyfill。

var canvas = document.getElementsByTagName('canvas')[0];
var ctx = canvas.getContext("2d");
var path = new Path2D(fontawesome.markers.EXCLAMATION_CIRCLE);
ctx.strokeStyle="#ff0000";
ctx.lineWidth=2;
ctx.fillStyle="#0000ff";
ctx.translate(0, 64);
ctx.fill(path);
ctx.stroke(path);

示例 - 通过JSON/ XHR加载Font Awesome Markers

您也可以通过JSON/XHR加载它，而不仅仅是将其作为内联脚本包含。

var fontawesome = {
   markers: null
};
var xhr = new XMLHttpRequest();
xhr.onload = function(){
  fontawesome.markers = JSON.parse(this.responseText);
}
xhr.open("get", "fontawesome-markers.json", true);
xhr.send();

更新

• 2016年2月11日 - 更新到fontawesome 4.4.0
• 2014年10月16日 - 更新到fontawesome 4.2.0
• 2014年8月7日 - 更新到fontawesome 4.1.0，有关更改名称的列表，请参阅Fontawesome升级指南。
• 2013年9月26日 - 更改字体提取过程 - 符号大小现在更易于管理，为64px，并且旋转/翻转已纠正。