Jakie byłoby dobre rozwiązanie do dopasowania tekstu do okręgu na stronie internetowej, aby płynął z krzywymi okręgu zamiast prostokątnej ramki ograniczającej?

Oto, co próbuję osiągnąć: Na stronie znajduje się wiele czarnych kółek (o ustalonym rozmiarze) z polem tekstowym obok każdego z nich. Gdy tekst jest wprowadzany do pola tekstowego, pojawia się on w czarnym kółku, gdzie jest wyśrodkowany na obu osiach. Jeśli tak dużo tekstu zostanie wpisane, linia będzie dłuższa niż promień okręgu, minus określona wartość marginesu, linia zostanie przerwana, jak można by oczekiwać po zwykłym zawijaniu, przy czym blok tekstu będzie nadal wyśrodkowany. Linie bliżej góry lub dołu będą oczywiście krótsze niż linie w pobliżu środka.

Tekst będzie miał stały rozmiar, a gdy koło zostanie wypełnione tekstem, dodatkowa zawartość nie powinna być pokazywana (jak ukryty przelew).

Czarne kółka z tekstem to naprawdę dymki, które mają być wydrukowane i przyklejone na plakacie.

Czy któreś z fantastycznych bibliotek SVG / Canvas obsługują to, czy też będę musiał wymyślić naszą metodę od podstaw?