Есть ли способ кривой / дуги текста с использованием CSS3 / Canvas

Question

Я пытаюсь создать эффект изогнутый текст , используя CSS3, HTML Canvas или даже SVG (см. Изображение ниже)? Это возможно? Если да, то как мне достичь этого эффекта?

Обновление: Для пояснения: текст, который будет стилизован таким образом, будет динамичным.

Answer 1

Я понимаю, что это больше года, но вот мое решение

JS Fiddle snippet

это оборачивает текст, но я не могу понять, как перевернуть буквы по вертикали вдоль нижней части, потому что я действительно очень ненавижу преобразования холста и не могу обернуться, как сделать два поворота текста ( переверните один раз вдоль оси y и еще раз вокруг центра воображаемого круга).

Answer 2

Мне удалось запустить примеры из http://apike.ca/prog_svg_text.html в Chrome, но он не работает в IE.

Вы можете использовать SVGWeb, http://code.google.com/p/svgweb/

В качестве альтернативы, вы можете написать свою собственную утилиту генерации изображений на сайте сервера (в .NET / PHP), например, обработчик Http, и передать ему текст, который будет возвращать GIF / PNG с использованием графической библиотеки и рендеринга изображения на лету. для тебя.