canvas - 在 ionic 1 中将 Ionicon 添加到画布

Question

我正在尝试为我的 ionic 1 应用程序构建座位图，并且我有一个名为 drawSquare 的函数，如下所示：

var drawSquare = function(xPos, yPos, width, height) {
    var ctx = scope.canvas.ctx;

    ctx.fillStyle = '#7854AF';
    ctx.font = fontSize + 'px Ionicons';

    ctx.fillText(String.fromCharCode(0xf3a6), xPos, yPos);
};

但由于某种原因，它将所有图标绘制为正方形。

不知何故，即使图标字体已明确加载，它在渲染时也无法识别字体，因为页面的其余部分显示图标没有任何问题。

我将不胜感激。