Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Canvas. Соединение линий разной толщины. (https://javascript.ru/forum/dom-window/54060-canvas-soedinenie-linijj-raznojj-tolshhiny.html)

HtmlRanger 02.03.2015 12:51

Canvas. Соединение линий разной толщины.
 
Собственно, вопрос: стандартными средствами canvas можно организовать соединение линий различных видов: miter, round, bevel.
Выглядит это примерно так
g.strokeStyle = 'black';
g.lineWidth = 30;
 
//miter
g.beginPath();
g.moveTo(25, 170);
g.lineTo(25, y);
g.lineTo(100, 120);
g.stroke();
 
//round
g.beginPath();
g.lineJoin = 'round'
g.moveTo(150, 170);
g.lineTo(150, y);
g.lineTo(225, 120);
g.stroke();
 
//bevel
g.beginPath();
g.lineJoin = 'bevel'
g.moveTo(275, 170);
g.lineTo(275, y);
g.lineTo(340, 120);
g.stroke();



Проблема в том, что эти две линии имеют одинаковую толщину. Возможно ли то же самое сделать с линиями разной толщины? Допустим, у одной lineWidth =30, а у другой 60 и точно также их соединить в одной точке?

Brutus 02.03.2015 17:01

К сожалению сдандартными средствами нельзя, но написать скрипт который будет это делать можно


Часовой пояс GMT +3, время: 20:11.