Как нарисовать на конце кривой Безье стрелку?

Question

[Silverviql]

Как нарисовать стрелку для кривой как на примере .


У меня получилось только так...

context.moveTo(startB, yAxis);
    context.bezierCurveTo(startB, yAxis - yOffset, finishB, yAxis - yOffset, finishB, yAxis);
    context.lineTo(finishB-10,150);
    context.lineTo(finishB+10,150);
    context.lineTo(finishB,160);

Comments

[Дмитрий Добрышин]

Судя по рисунку, линии, образующие стрелку направлены одна вертикально, вторая под углом 120 градусов. Остальное дело вкуса.

[Silverviql]

Дмитрий Добрышин, А как рисовать линии от конца кривой ? Т.к я только знаю как рисовать от последней точки. То есть если я первую линию нарисую вертикально то следующая линия будет от конца этой линии .

[Дмитрий Добрышин]

например, так:

context.moveTo(0,0);
context.lineTo(300,150);

[Silverviql]

Дмитрий Добрышин, СПасибо разобрался )

Answer 1

[profesor08]

Если у тебя кубический вариант, то тебе достаточно взять последнюю координату и от нее рисовать свои стрелки.

Comments

[Silverviql]

у меня методом Канвас, хотя по сути не сильно отличаются, я и рисую как на примере выше от последней координаты, но прикол в том ,что я нарисовал одну линию, вторая будет идти от конца первой линии, а не от начала последней координаты дуги.

[profesor08]

Значит рисуй от начала второй стрелки. Весь код у тебя, все координаты тебе, пользуйся ими.