p5.j​​s如何更改文本厚度(更小)?

时间:2017-10-28 02:23:30

标签: javascript tags p5.js

要清楚:我知道如何更改文本的大小,我想在不更改字体的情况下更改文本的粗细。这可能吗?

下面的代码是基本代码,使单词" text"出现在画布中间。我需要更改或添加什么才能使文字厚度更薄?

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

3 个答案:

答案 0 :(得分:0)

实际上没有办法让文字线更薄。您可以使用textSize()函数减小字体大小,但这会使所有内容变小,而不仅仅是更薄。

相反,您最好的选择可能是使用不同的字体,并使用textFont()功能进行设置。更多信息可以在the reference找到。

答案 1 :(得分:0)

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

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

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

你也可以做奇特的点数学 - 比如侵蚀,或点重力吸引力。然而,选择一种不同的字体而不是操纵点可能更容易....

答案 2 :(得分:-2)

你可以使用strokeWeight(),但我认为这是一个坏主意。