Сведения о вопросе

HOLY

21:06, 1st October, 2020

Теги

JavaScript   Canvas    

Линии переменной толщины в HTML5 Canvas

Просмотров: 390   Ответов: 2

Существует ли JS-библиотека, умеющая рисовать по canvas-у линии переменной толщины?

Ну то есть например: в начале толщина 3px, в конце 5px, и чтобы она плавно менялась вдоль всей линии.

Для прямых это, в принципе, реализовать не очень сложно. А вот для кривых Безье решение нетривиально.



  Сведения об ответе

lats

22:01, 26th September, 2020

ну, очевидный способ — разрезать кривую на много сегментов, каждый из которых будет немного толще предыдущего.


  Сведения об ответе

davran

21:17, 26th September, 2020

> Для прямых это, в принципе, реализовать не очень сложно

Присмотритесь к PaperJS: он умеет, например, рисовать пунктирные линии, превращать кривые Безье в нормальные отрезки и обратно.

P. S. Будет время, попробую что-нибудь подобное натворить…


Ответить на вопрос

Чтобы ответить на вопрос вам нужно войти в систему или зарегистрироваться