Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 02.03.2015, 12:51
Новичок на форуме
Отправить личное сообщение для HtmlRanger Посмотреть профиль Найти все сообщения от HtmlRanger
 
Регистрация: 02.03.2015
Сообщений: 1

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 и точно также их соединить в одной точке?
Ответить с цитированием
  #2 (permalink)  
Старый 02.03.2015, 17:01
Кандидат Javascript-наук
Отправить личное сообщение для Brutus Посмотреть профиль Найти все сообщения от Brutus
 
Регистрация: 24.11.2013
Сообщений: 127

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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Рисование линий на JS без canvas grego Events/DOM/Window 3 17.10.2013 11:34
Canvas цвет линий darkmessiahan Общие вопросы Javascript 1 09.08.2013 06:05
Canvas (разный цвет линий) neurostep Общие вопросы Javascript 2 26.10.2009 16:23