在Fabric.js中更改文本字体

Change text font in Fabric.js

本文关键字:文本 字体 Fabric js      更新时间:2023-09-26

我正在尝试更改fabric.js中文本的字体属性。

这是我的小提琴:http://jsfiddle.net/mvprzy/szzGa/

我相信这部分的织物脚本应该工作,但不是:

var fontControl = $('font-control');
fontControl.onchange = function () {
    fabric.Text.set('fontFamily', font-control.value);
    canvas.renderAll();
};

我做错了什么?

试试这个

首先,您需要在jsfiddle中包含jQuery(:之后,我所做的就是使fabric.IText a变量并将on更改函数更改为以下基于此SO post

var fontControl = $('#font-control');
$(document.body).on('change', '#font-control', function () {
    text.fontFamily = fontControl.val();
    canvas.renderAll();
});