p5.js Как изменить толщину текста (меньше)?

Question

p5.js Как изменить толщину текста (меньше)?

1

БЫТЬ ЧИСТЫМ: Я знаю, как изменить размер текста, я хочу изменить толщину текста без изменения шрифта. Это возможно?

Код ниже - это базовый код, который заставляет слово "текст" появляться посредине вашего холста. Что мне нужно изменить или добавить, чтобы сделать толщину текста тоньше?

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

Milo Pesce Ares 28 окт. 2017, в 04:44

Источник

Теги:

javascript

3 ответа

0

На самом деле нет способа сделать текстовые строки более тонкими. Вы можете уменьшить размер шрифта с помощью функции textSize(), но это сделает все меньше, а не только более тонким.

Вместо этого лучше всего использовать другой шрифт и установить его с помощью функции textFont(). Более подробную информацию можно найти в ссылке.

Kevin Workman 29 окт. 2017, в 14:56

-2

Вы можете использовать strokeWeight(), но я думаю, что это плохая идея.

iErcan 01 нояб. 2017, в 04:29

0

Я понимаю, что вы подразумеваете под этим, но это не сработает, если я попытаюсь сделать текст тоньше
Milo Pesce Ares 05 нояб. 2017, в 19:33

Ещё вопросы

Я понимаю, что вы подразумеваете под этим, но это не сработает, если я попытаюсь сделать текст тоньше

JeremyDouglass · Accepted Answer · 2017-11-10T22-11-00.000Z

Вы можете попытаться манипулировать точками в p5.Font textToPoints:

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

Обратите внимание, что, например, умножение каждого x на 0,8 сделает буквы на 80% тоньше, но также сделает весь персонаж на 80% тоньше, а все слово/предложение на 80% короче (сжатие пробела между буквами), так что это будет больше похоже на горизонтальное масштабирование.

Вы могли обрабатывать одну букву за раз.

Вы также можете сделать математическую математику - например, эрозию или притяжение к гравитации. Однако было бы проще просто выбрать другой шрифт, а не манипулировать точками.