Text with arc direction in Canvas, but letters should keep vertical

This is what I’m trying to make:

enter image description here enter image description here

Closer I got was bridge text like this example, but it uses a Top baseline for the bridge and I’m not sure how to addapt it to my needs:

Bridge Text Effect in HTML5 Canvas

Fiddle:

https://jsfiddle.net/0btz7a1g/

Is there any way to arc text while keeping each letter vertical like in the images?

Thank you! 🙂