Как нарисовать существующую пунктирную линию более широкой?

Question

Я хочу провести поверх существующей пунктирной линии (слева черный) с линией валуна (справа зеленый), чтобы имитировать эффект выделения,
но штрихи более жирной линии не выровнены с исходной,
даже если они нарисованы с использованием того же начала / конечные точкиp1 а также p2:

Вот код:

const QPointF p1{};
const QPointF p2{};

// draw thin black line
QPen blackPen;
blackPen.setWidth(10);
blackPen.setColor(Qt::black);
blackPen.setStyle(Qt::DotLine);

painter->setPen(blackPen);
painter->setBrush(Qt::NoBrush);
painter->drawLine(p1, p2);

// draw bold green line using the same points
QPen boldGreenPen;
boldGreenPen.setWidth(12);
boldGreenPen.setColor(Qt::green);
boldGreenPen.setStyle(Qt::DotLine);

painter->setPen(boldGreenPen);
painter->setBrush(Qt::NoBrush);
painter->drawLine(p1, p2);

Можно ли добиться желаемого поведения?

Answer 1

Согласно документам Qt:

Штрих указывается в единицах ширины перьев.

Это означает, что нам нужно рассчитать соотношение ширины обеих линий следующим образом:

QPen pen;
const double penWidth(pen.widthF());
const auto penDashPattern(pen.dashPattern());

QPen boldPen(pen);
const double boldPenWidth(penWidth + 2);
auto boldPenDashPattern(boldPen.dashPattern());

const double ratio(penWidth / boldPenWidth);
for (auto & pattern : boldPenDashPattern)
{
    pattern *= ratio;
}

boldPen.setWidthF(boldPenWidth);
boldPen.setDashPattern(boldPenDashPattern);

painter->setPen(boldPen);

Что дает желаемый результат