小编kat*_*xia的帖子

如何在画布中绘制fontawesome(版本> = 5.0)?

我想在画布上绘制fontawesome图标.

以下是我的代码:

<canvas id="canvas" width="400" height="400" style="border:1px solid #d3d3d3;"></canvas>

<script>
    var content = '\uF006';
    var context = document.getElementById('canvas').getContext('2d');
    context.font = '48px Material Design Icons';
    context.fillText(content, 100, 100);
    context.strokeText(content, 100, 100);
</script>
Run Code Online (Sandbox Code Playgroud)

我已导入字体文件并将其链接.但它不起作用: 它只显示一个空的矩形.

你能告诉我为什么吗?

一个有趣的事情是,当我链接fontawesome版本4.5在线地址时它起作用:在这里输入链接描述

两个版本的区别在哪里?

javascript css unicode canvas font-awesome

5
推荐指数
2
解决办法
1278
查看次数

标签 统计

canvas ×1

css ×1

font-awesome ×1

javascript ×1

unicode ×1