javascript - p5.j​​s 如何改变文字粗细(变小)？

Question

需要明确的是:我知道如何更改文本的大小，我想更改文本的粗细而不更改字体。这可能吗？

下面的代码是使“文本”一词出现在 Canvas 中间的基本代码。我需要更改或添加什么才能使文本厚度变薄？

<小时/>

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

Answer 1

您可以尝试操作 p5.Font textToPoints 中的点:

• https://p5js.org/reference/#/p5.Font/textToPoints

请注意，例如将每个 x 乘以 0.8 将使字母变薄 80% - 但它也会使整个字符变薄 80%，并且整个单词/句子变短 80%(压缩字母之间的空间)，因此它更像是水平缩放。

您一次可以处理一封信。

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