在Font Awesome 4x中,我设法通过将光标更改为base-64图像URL来将光标设置为图标 . 现在在Font Awesome 5中它不再起作用了 .
我找到了this解决方案,但它在这里不起作用 .
这就是我尝试过的 .
var canvas = document.createElement("canvas");
canvas.width = 20;
canvas.height = 20;
var ctx = canvas.getContext("2d");
document.fonts.ready.then(function() {
ctx.font = "400 20px Font Awesome 5 Pro";
ctx.fillStyle = "red";
ctx.textAlign = "center";
ctx.textBaseline = "middle";
setTimeout(function() {
ctx.fillText("\uf2ed", 10, 10)
var dataURL = canvas.toDataURL('image/png')
$('#foo').css('cursor', 'url(' + dataURL + '), auto');
}, 200)
})
我得到的只是一个20x20的黑色方块
有谁知道如何完成它?
1 回答
看下面的例子......