Мне нужно создать изображение SVG, содержащее несколько повернутых текстовых элементов. Я хочу добиться следующего:
- Каждый текстовый элемент должен вращаться вокруг своей центральной точки на
a градус.
- Получившаяся (воображаемая) ограничительная рамка повернутого текста должна быть переведена так, чтобы ее верхний левый угол находился в положении
x,y.
- Мы заранее не знаем содержимого, т. Е. Ширины текстовых элементов.
Каков наилучший способ сделать это?
(У меня есть базовое понимание SVG, и я могу самостоятельно найти спецификацию. Так что я знаю о transform и rotate(), translate() ... Однако я борюсь с этим конкретным случаем .)