Javascript 节点画布文本和字间距
我尝试使用具有自定义字母/单词间距的节点画布渲染一些文本,但未成功。有人做到了吗Javascript 节点画布文本和字间距,javascript,node.js,canvas,Javascript,Node.js,Canvas,我尝试使用具有自定义字母/单词间距的节点画布渲染一些文本,但未成功。有人做到了吗 let fs = require("fs"), path = require("path"), { createCanvas, registerFont } = require("canvas"); async function loadFont() { await registerFont( path.join(__dirname, "assets", "fonts", "Grottel_L
let fs = require("fs"),
path = require("path"),
{ createCanvas, registerFont } = require("canvas");
async function loadFont() {
await registerFont(
path.join(__dirname, "assets", "fonts", "Grottel_Light.ttf"),
{
family: "Grottel Light"
}
);
}
function generateText(text, size, width, height) {
let canvas = createCanvas(),
ctx = canvas.getContext("2d"),
stream = canvas.createPNGStream();
ctx.font = `${size}px "Grottel Light"`;
ctx.canvas.width = width;
ctx.canvas.height = height;
ctx.fillText(text, 0, size);
stream.pipe(fs.createWriteStream(path.join(__dirname, "text.png")));
}
loadFont()
.then(() => {
generateText("Hello canvas text", 60, 1920, 1080);
})
.catch(err => console.log(err));