p5.js 如何更改文字粗细（更小）？

Question

明确一点：我知道如何更改文本的大小，我想在不更改字体的情况下更改文本的粗细。这可能吗？

下面的代码是使单词 "text" 出现在 canvas 中间的基本代码。我需要更改或添加哪些内容才能使文本变细？

function setup() {
  createCanvas(600, 600);
  noStroke();
  textAlign(CENTER);
  textSize(40);
  text("text", width / 2, height / 2);
}

Answer 1

确实没有办法让文本行变细。您可以使用 textSize() 函数减小字体大小，但这会使所有内容变小，而不仅仅是变细。

相反，最好的办法可能是使用不同的字体，并使用 textFont() 函数进行设置。可以在 the reference.

中找到更多信息

Answer 2

您可以尝试操纵 p5.Font textToPoints:

中的点

请注意，例如将每个 x 乘以 0.8 会使字母变细 80%——但它也会使整个字符变细 80%，整个单词/句子变短 80%（在字母之间压缩 space），因此会更细比如水平缩放。

您一次可以处理一个字母。

您还可以进行奇特的点数学运算——例如侵蚀或点重力吸引。然而，只选择不同的字体而不操纵这些点可能更容易....

p5.js How to change text thickness (smaller)?