Как нарисовать линию по вверх текста?

[Daniil_123]

Добрый вечер форум!
Мне нужно с помощь canvas нарисовать зачеркнутый текст к примеру: Ку-ку

Этого в канвасе нет, но как идея можно нарисовать текст, а уже по вверх него линию.
Но ничего не получается(

Сделал так:

	const textWidth = ctx.measureText(text.text).width;


	ctx.beginPath();

	ctx.moveTo(text.x, text.y);
	ctx.lineTo(textWidth, text.y);

	ctx.stroke();

Но как расположить эту линию посредине текста?

[macomics]

А высоту пополам поделив вычислять не надо?
Линию надо рисовать от text.x до text.x + textWidth и по y равной text.y + textHeight / 2

[Daniil_123]

macomics,

	ctx.moveTo(text.x, text.y + textHeight / 2);
	ctx.lineTo(text.x + textWidth, text.y + textHeight / 2);

Если я делаю так линия становится того размера, спасибо но у меня текст идет с правой стороны в лево (то есть textAlign = right) и из-за этого она c лева рисуется.
Но линия ниже

[Daniil_123]

Daniil_123,

	ctx.moveTo(text.x, text.y + textHeight / 2);
	ctx.lineTo(text.x - textWidth, text.y + textHeight / 2);

вот так рисуется как раз ниже текста, но как сделать посредине?

[macomics]

Потому, что координаты отсчитываются в этом случае не от верхнего левого угла, а от нижнего правого. Тогда надо рисовать линию от text.x - textWidth до text.x и y равной text.y - textHeight / 2

[Daniil_123]

macomics, https://imgur.com/a/XRFduc2 вот что получается

[Daniil_123]

Daniil_123, textHeight *= ctx.measureText(text.text).alphabet icBaseline; вот так решил

macomics Спасибо за помощь!!