Собственно, вопрос: стандартными средствами 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 и точно также их соединить в одной точке?
