一、图标的本质
font-awesome图标是字体,专业术语叫 Icon Font,本质上是使用 PUA ( Private Unicode Area )码位 Unicode 编码的字符,所以font-awesome图标、Bootstrap 的图标和 Wingdings 字体都是一样的,不一样的无非是编码。
二、绘制图片
理解了图标的本质,那图标转成文本就有了一个思路,把文本绘制到canvas上,就可以轻松获取到图片了
1.首先,创建一个html模板,引人font-awesome
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" type="text/css" href="font-awesome/css/font-awesome.css"/>
</head>
<body>
<i class="fa fa-address-book"></i>
<canvas id="canvas"></canvas>
</body>
<script src="index.