Нужно написать текст вертикально.

@vandy · Регистрация: 08.12.2010

Студворк — интернет-сервис помощи студентам

Привет всем.
у меня такая задача.
нужно написать текст вертикально.
Я знаю метод написания фразы вертикально, но оно выводиться с верху вниз,
т.е. каждая буква поворачивается на 90 градусов по часовой стрелке и выводиться друг под другом.
а мне нужно чтобы фраза выводилась с низу вверх, т.е каждая буква поворачивается на 90 градусов против часовой стрелки и выводилась над предыдущей буквой.

Может кто сталкивался или есть какие-то идеи, буду рад слышать любые предложения.

@Vizlim · 22.11.2011, 16:15

Сообщение от vandy

Привет всем.
у меня такая задача.
нужно написать текст вертикально.
Я знаю метод написания фразы вертикально, но оно выводиться с верху вниз,
т.е. каждая буква поворачивается на 90 градусов по часовой стрелке и выводиться друг под другом.
а мне нужно чтобы фраза выводилась с низу вверх, т.е каждая буква поворачивается на 90 градусов против часовой стрелки и выводилась над предыдущей буквой.
Может кто сталкивался или есть какие-то идеи, буду рад слышать любые предложения.

Вот вариант:
<script>
var s="Текст который надо отобразить вертикально";
var q=s.length;
var s1="" // Строка которая получиться

function A() {
for (i=q; i>0; i--) {
s1+=s.charAr(i);
}
//Выводим на дисплей

vvv.innerHTML=s1;
}
<script>
</head>
<body onload="A()
Вместо h1 ставиш тег и атрибуты для отображения вертикально, id надо оставить
<h1 id="vvv </h1>

@vandy · 23.11.2011, 11:00 **[ТС]**

я пробовал такой вариант.
в нем одно не так
буквы остаються повернуты на 90 градусов по часовой стрелке
а мне надо на 90 градусов против часовой

@vandy · 23.11.2011, 11:22 **[ТС]**

для поворота текста я использую
LAYOUT-FLOW: vertical-ideographic;
writing-mode: tb-rl;
но эта фигня оказывается не работает в Мозиле
кто знает как можно напечатать текст по вертикали в ИЕ и в Мозиле?

@Vizlim · 23.11.2011, 13:29

Сообщение от vandy

для поворота текста я использую
LAYOUT-FLOW: vertical-ideographic;
writing-mode: tb-rl;
но эта фигня оказывается не работает в Мозиле
кто знает как можно напечатать текст по вертикали в ИЕ и в Мозиле?

Вот модификация

function A() {
for (i=q; i>0; i--) {
s1+=s.charAr(i)+"
"; //или в место
воспользуйся <p>
}
//Выводим на дисплей

vvv.innerHTML=s1;
}
<script>
</head>
<body onload="A()
h2 заменять ненадо

@vandy · 23.11.2011, 13:48 **[ТС]**

к сожалению этот вариант не подходит
мне нужно чтобы буквы были повернуты на 90 градусов против часовой стрелки.

@Vizlim · 23.11.2011, 14:09

Сообщение от vandy

я пробовал такой вариант.
в нем одно не так
буквы остаються повернуты на 90 градусов по часовой стрелке
а мне надо на 90 градусов против часовой

Можешь воспользоваться фильтрами. Эта технология применяеться в DHTML.
Отражение вертикально:
<div style="font-size:30; color: blue; width=50; height=40; filter: flipv(); Текст</div>

@vandy · 23.11.2011, 19:14 **[ТС]**

в ИЕ все ок.
спасибо.

но фильтры не работают в Мозиле

чего делать?

@Vizlim · 23.11.2011, 20:33

Сообщение от vandy

в ИЕ все ок.
спасибо.
но фильтры не работают в Мозиле

чего делать?

Ну есть ещё один вариант, но он не програмный;(
Если тебе надо фиксированное слово, тоесть текс который не будет изменяться. Можешь нарисовать данный текст в Photoshop и вставить как рисунок

@plys77 · 30.11.2011, 19:00

Не программный способ говорите?
Это легко исправить - набрать алфавит картинками под разными углами и вертеть их программно. Изврат, согласен, но сколько ж можно ждать браузеры?!

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11680&d=1772460536 Одним из. . .	Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .	Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .	SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .

@vandy 0 / 0 / 0 Регистрация: 08.12.2010 Сообщений: 110

	Нужно написать текст вертикально. 22.11.2011, 12:08. Показов 2986. Ответов 9 Метки нет (Все метки) Привет всем. у меня такая задача. нужно написать текст вертикально. Я знаю метод написания фразы вертикально, но оно выводиться с верху вниз, т.е. каждая буква поворачивается на 90 градусов по часовой стрелке и выводиться друг под другом. а мне нужно чтобы фраза выводилась с низу вверх, т.е каждая буква поворачивается на 90 градусов против часовой стрелки и выводилась над предыдущей буквой. Может кто сталкивался или есть какие-то идеи, буду рад слышать любые предложения. 0

@vandy 0 / 0 / 0 Регистрация: 08.12.2010 Сообщений: 110
	23.11.2011, 11:00 [ТС]
	я пробовал такой вариант. в нем одно не так буквы остаються повернуты на 90 градусов по часовой стрелке а мне надо на 90 градусов против часовой 0

@vandy 0 / 0 / 0 Регистрация: 08.12.2010 Сообщений: 110
	23.11.2011, 11:22 [ТС]
	для поворота текста я использую LAYOUT-FLOW: vertical-ideographic; writing-mode: tb-rl; но эта фигня оказывается не работает в Мозиле кто знает как можно напечатать текст по вертикали в ИЕ и в Мозиле? 0

@vandy 0 / 0 / 0 Регистрация: 08.12.2010 Сообщений: 110
	23.11.2011, 13:48 [ТС]
	к сожалению этот вариант не подходит мне нужно чтобы буквы были повернуты на 90 градусов против часовой стрелки. 0

@vandy 0 / 0 / 0 Регистрация: 08.12.2010 Сообщений: 110
	23.11.2011, 19:14 [ТС]
	в ИЕ все ок. спасибо. но фильтры не работают в Мозиле чего делать? 0

@plys77 0 / 0 / 0 Регистрация: 19.10.2010 Сообщений: 63
	30.11.2011, 19:00
	Не программный способ говорите? Это легко исправить - набрать алфавит картинками под разными углами и вертеть их программно. Изврат, согласен, но сколько ж можно ждать браузеры?! 0