Добавление рамки и фона к диаграмме в Pages на Mac

Pages

Поиск по этому руководству

  • Добро пожаловать!
    • Основные сведения о приложении Pages
    • Текстовый документ или документ с макетом страницы?
    • Основные сведения об изображениях, диаграммах и других объектах
      • Создание документа
      • Основные сведения о создании книги
      • Использование шаблонов
    • Поиск документов
    • Открытие или закрытие документа
    • Сохранение документа и присвоение ему имени
    • Печать документа или конверта
      • Отмена и повтор изменений
      • Использование боковых панелей
      • Быстрая навигация
      • Просмотр знаков форматирования и направляющих макета
      • Линейки
      • Изменение режима просмотра
      • Панель Touch Bar для Pages
      • Настройка панели инструментов
      • Настройка параметров Pages
      • Создание документа с помощью VoiceOver
      • Просмотр комментариев и отслеживание изменений с помощью VoiceOver
    • Выбор текста и размещение точки вставки
    • Добавление и замена текста
    • Копирование и вставка текста
      • Добавление, изменение или удаление поля слияния
      • Изменение информации об отправителе
      • Добавление, изменение и удаление исходного файла в Pages на Mac
      • Заполнение и создание нескольких версий документа
    • Использование диктовки для ввода текста
    • Диакритические знаки и специальные символы
      • Форматирование документа для другого языка
      • Использование фонетической транскрипции
      • Использование двунаправленного текста
      • Использование вертикального текста
    • Добавление даты и времени
    • Добавление математических уравнений
    • Закладки и ссылки
    • Добавление ссылок
    • Изменение шрифта или размера шрифта
    • Выбор шрифта по умолчанию
    • Жирный шрифт, курсив, подчеркивание и зачеркивание
    • Изменение цвета текста
    • Добавление тени или контура к тексту
    • Изменение регистра текста
      • Основные сведения о стилях абзацев
      • Применение стиля абзаца
      • Создание, переименование или удаление стиля абзаца
      • Обновление или возврат стиля абзаца
      • Использование сочетания клавиш для применения стиля текста
    • Копирование и вставка стиля текста
      • Автоматическое форматирование дробей
      • Создание и использование стилей символов
      • Лигатуры
      • Добавление буквиц
      • Поднятие и опускание символов и текста
      • Форматирование текста (китайский, японский, корейский)
    • Добавление эффекта выделения в текст
    • Формат переносов, тире и кавычек
    • Установка межстрочного интервала и интервала между абзацами
    • Установка полей для абзаца
    • Форматирование списков
    • Установка табуляторов
    • Выравнивание текста по краям и по ширине
    • Настройка разбивки на страницы и добавление разрывов строк и страниц
    • Форматирование столбцов текста
    • Связывание текстовых блоков
    • Добавление границ и линий
    • Задание размера бумаги и ориентации
    • Установка полей для документа
    • Настройка разворота
    • Шаблоны страниц
      • Добавление страниц
      • Добавление и форматирование разделов
      • Изменение порядка страниц или разделов
      • Дублирование страниц или разделов
      • Удаление страниц или разделов
      • Оглавление
      • Библиография
      • Постраничные и заключительные сноски
      • Верхние и нижние колонтитулы
    • Добавление номеров страниц
    • Изменение фона страницы
    • Добавление границы вокруг страницы
    • Добавление водяных знаков и фоновых объектов
    • Создание пользовательского шаблона
      • Добавление изображения
      • Добавление галереи изображений
      • Редактирование изображения
      • Добавление и редактирование фигуры
      • Объединение или разъединение фигур
      • Рисование фигуры
      • Сохранение фигуры в медиатеке фигур
      • Добавление и выравнивание текста внутри фигуры
    • Добавление линий и стрелок
    • Анимация, публикация и сохранение рисунков
      • Добавление аудио и видео
      • Запись звука
      • Редактирование аудио- и видеофайлов
    • Выбор формата фильма или изображения
      • Размещение и выравнивание объектов
      • Размещение объектов с текстом
      • Использование направляющих линий
      • Наложение, группировка и закрепление объектов
    • Изменение прозрачности объекта
    • Заливка фигуры или текстового блока цветом или изображением
    • Добавление границы объекта
    • Добавление подписи или заголовка
    • Добавление отражения или тени
    • Использование стилей объектов
    • Изменение размеров, поворот и зеркальное отражение объектов
      • Добавление и удаление таблицы
      • Выбор таблиц, ячеек, строк и столбцов
        • Добавление и удаление строк и столбцов таблицы
        • Перемещение строк и столбцов таблицы
        • Изменение размера строк и столбцов таблицы
      • Объединение и разделение ячеек таблицы
        • Изменение внешнего вида текста в таблице
        • Отображение, редактирование и скрытие заголовка таблицы
        • Изменение линий сетки и цветов таблицы
        • Использование стилей таблицы
      • Изменение размера, перемещение и открепление
      • Добавление и редактирование содержимого ячейки
        • Форматирование дат, значений валют и других типов данных
        • Создание произвольного формата ячейки таблицы
        • Форматирование таблиц с двунаправленным текстом
      • Условное выделение ячеек
      • Сортировка по алфавиту и сортировка данных таблицы
      • Расчет значений по данным в ячейках таблицы
      • Использование справки по формулам и функциям
      • Добавление или удаление диаграммы
      • Изменение одного типа диаграммы на другой
    • Изменение данных диаграммы
    • Перемещение, изменение размера и поворот диаграммы
      • Изменение внешнего вида серий данных
      • Добавление легенды, линий сетки и других меток
      • Изменение внешнего вида текста и меток на диаграмме
      • Добавление рамки и фона к диаграмме
      • Использование стилей диаграммы
    • Проверка правописания
    • Поиск определения слова
    • Поиск и замена текста
    • Автоматическая замена текста
    • Просмотр количества слов и другой статистики
    • Просмотр аннотаций
    • Задание имени автора и цвета комментариев
    • Выделение текста цветом
    • Добавление и печать комментариев
    • Отслеживание изменений
    • Отправка документа
    • Публикация книги в Apple Books
      • Основные сведения о совместной работе
      • Приглашение к совместной работе
      • Совместная работа над общим документом
      • Просмотр последних действий пользователей в общем документе
      • Изменение настроек общего документа
      • Закрытие общего доступа к документу
      • Общие папки и совместная работа
      • Использование Box для совместной работы
    • Использование iCloud Drive с приложением Pages
    • Экспорт в Word, PDF или другой формат
    • Открытие книги iBooks Author в Pages
    • Уменьшение размера файла документа
    • Сохранение большого документа в виде файла пакета
    • Восстановление более ранней версии документа
    • Перемещение документа
    • Удаление документа
    • Установка защиты для документа
    • Защита документа паролем
    • Создание собственных шаблонов и управление ими
      • Перенос документов с помощью AirDrop
      • Перенос документов с помощью Handoff
      • Перенос документов через Finder
    • Если не удается добавить или удалить страницу
    • Если не удается удалить элемент из документа
    • Если не удается найти кнопку или элемент управления
    • Нежелательные изменения форматирования
    • Сочетания клавиш
    • Символы сочетаний клавиш
  • Авторские права

Максимальное количество символов: 250

Не указывайте в комментарии личную информацию.

Максимальное количество символов: 250.

Благодарим вас за отзыв.

Как убрать рамку вокруг текста и все остальное форматирование


Бывают такие ситуации, когда текст скопирован в интернете, а при попытке его вставить в Word или куда-то еще вдруг появляются лишние, ненужные элементы в виде рамки вокруг текста. Либо возникает странный фон или цвет текста и тому подобные «излишества». Необходимо убрать рамку вокруг текста и все ненужное форматирование.

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

Например, читатель пишет о такой ситуации: «часто встречаются файлы, скачаешь, начнешь работать, а вокруг текста появляется рамка, её нужно убрать, но не тут-то было. Команда “Границы и заливка” не помогает».

Содержание:
1. Вставляем текст в Ворд как неформатированный
2. Очищаем текст от форматирования в Блокноте

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


Рассмотрим два способа, чтобы убрать рамку вокруг текста и прочие «украшения», если они есть:

  1. с помощью текстового редактора Word,
  2. используя Блокнот.

Видео-версия статьи

 

Вставляем текст в Ворд как неформатированный

1) Предварительно текст нужно выделить и скопировать в буфер обмена (это важно!).

2) Затем понадобится «Специальная вставка» Word, которую можно открыть следующим образом:

Рис. 1. Специальная вставка в Word

1 на рис. 1 – Нужно убедиться, что открыта вкладка «Главная».
2 – Если кликнуть по маленькому треугольнику под иконкой «Вставить», откроется выпадающее меню.
3 на рис. 1 – В этом меню следует открыть опцию «Специальная вставка».

3) В итоге в Ворде появится окно «Специальная вставка»:



Рис. 2. Вставить в Word как неформатированный текст

1 на рис. 2 – Надо поставить галочку напротив «Вставить» и выбрать вариант «Неформатированный текст». При этом выдается подсказка: «Вставка содержимого буфера обмена как текста без форматирования» – это как раз то, что нужно для вставки текста без рамки и прочих «украшений».

Если у Вас в «Специальной вставке» нет опции «Неформатированный текст», то, скорее всего, Вы не скопировали текст, а следовательно, его нет в буфере обмена. Содержание окна (рис. 2) сильно зависит от того, что помещено в буфер обмена, какие данные там сейчас «сидят».

Цифра 2 на рисунке 2 – Клик по «ОК».

Очищаем текст от форматирования в Блокноте

Для очистки текста от рамки или иных ненужных элементов форматирования вместо Ворда можно воспользоваться классическим приложением Блокнот, которое есть в любой операционной системе Windows.

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

1) Выделяем и копируем в буфер обмена текст, который нуждается в очистке от рамки или от иного декора.

2) Открываем в Блокноте сначала опцию «Правка», а затем в выпадающем меню –  «Вставить».

Рис. 3. Опция «Вставить» текст из буфера обмена в Блокнот

3) После вставки текста в Блокнот все излишки форматирования будут автоматически удалены, никаких дополнительных действий не требуется.

После этого «чистый» текст можно в Блокноте снова выделить и скопировать в Ворд или иное место.

Дополнительные материалы:

1. Как сделать непрерывную горизонтальную линию в Word: 4 способа

2. Стандартные горячие клавиши в Windows

3. Обтекание картинки в Ворде: как ее вставить в текст, изменить размер и расположить рядом с текстом

4. Как удалить пустую страницу в Ворде



Получайте новые статьи по компьютерной грамотности на ваш почтовый ящик:

Необходимо подтвердить подписку в своей почте. Спасибо!


786.500+ Text Frame Сток Фото, Ресимлер и Роялти-Фри Продавец

Просмотр

  • Просмотр
  • Фото
  • Иллюстрация
  • Vektörler
  • Video
text frame videounu görüntüleyin

786.505

text frame stok fotoğraf ve görselini inceleyin veya daha fazla stok fotograf ve görsel keşfetmek için yeni bir arama başlatın.

Sırala:

En popüler

vektör teklif işareti. alıntı paragraf simgesi. konuşma balonu, saydam arka planda yalıtılmış alıntı simgesi için boş cerçeve — текстовая рамка стоковые иллюстрации

Вектор теклиф ишарети. Alıntı paragraf simgesi. Konuşma balonu,…

cherçeveler, süslemeler, sınırlar, balonlar, bölücüler, vb gibi basit tasarımlar kümesi — текстовая рамка стоковые иллюстрации cüler, vb gibi…

fırça konturu boya kutuları seti — текстовый фрейм стоковые иллюстрации

Контурный рисунок мальчика kutuları seti

alıntı çerçeveleri boş şablonlar kümesi. parantez içinde metin, alıntı boş konuşma kabarcıklar, tırnak kabarcıklar. renk arka planda yalıtılmış metin kutusu. — текстовый фрейм стоковых иллюстраций

Alıntı cerçeveleri boş şablonlar kümesi. Parantez içinde metin,…

manifatura kutuları. boş boşaltmak etiket illüstrasyon izole kabarcık karikatür kutu not metin sayfa vektör cherçeve şablon — текстовый фрейм фондовые иллюстрации

Manifatura kutuları. Boş boşaltmak etiket illüstrasyon izole…

выноски başlıkları afish. fütüristik dış bilgiler şablonu, dijital çizgi metin cherçeve kutuları ve son ödeme etiketi vektör seti — текстовая рамка фондовых иллюстраций

Выноски başlıkları afiş. Fütüristik dış bilgiler şablonu,…

винтажные векторные изображения / монограммы, davetiyeler, cerçeveler, afişler, menuler, etiketler ve web siteleri için şablon / retro tasarım seti. — текстовый фрейм стоковые иллюстрации

Vintage vektör çerçeveleri / Monogramlar, davetiyeler, çerçeveler,

trendy düz geometrik vektör afiş kümesi — text frame stock illustrations

Модный геометрический вектор afiş kümesi

farklı elle çizilmiş konuşma balonu ayarlayın. konuşma sohbet konuşma mesajı. бош бош йорум. vektör illüstrasyon tasarımı — текстовая рамка стоковые иллюстрации

Farklı elle çizilmiş konuşma balonu ayarlayın. Konuşma sohbet…

büyük set veya vektör telkari topluluğu için tasarımı процветает — текстовая рамка стоковые иллюстрации шрифт — текстовая рамка стоковые иллюстрации

Viktorya Tarzı bir Vintage Font

dijital çağrı başlıkları ayarlandı — текстовая рамка фондовых иллюстраций

Dijital çağrı başlıkları ayarlandı

sevimli el çizilmiş çiçek süs metin bölücüler, oklar ve defne tasarım elemanları. — текстовый фрейм стоковых иллюстраций

Sevimli El çizilmiş çiçek süs metin bölücüler, oklar ve defne…

vintage dekoratif cherçeveler veya vintage dikdörtgen süsler veya kaligraf cherçeve retro kavramı kümesi. EPS 10 vektör, değiştirmek kolay — text frame stock illustrations

vintage dekoratif cherçeveler veya vintage dikdörtgen süsler veya…

renkli origami tarzı etiket ve banner şablon tasarımı. beyaz arka plan üzerinde izole. boş metin, web sitei ve proje için — текстовый фрейм фондовых иллюстраций

Renkli Origami tarzı этикетка и баннер шаблон tasarımı. Беяз…

renkli parlak kuru boya fırça işaretçisi mürekkep topluluğu dokular stokes — text frame stock illustrations

renkli parlak kuru boya fırça işaretçisi Mürekkep topluluğu…

el chercheve çizilmiş. вектор чизим. кроки. — текстовая рамка стоковые иллюстрации

El çerçeve çizilmiş. Вектор чизим. Кроки.

calligraphic tasarım elemanları vintage süsler girdaplar ve parşömensüslü süslemeler vektör tasarım elemanları — текстовая рамка стоковые иллюстрации

Calligraphic tasarım elemanları vintage süsler girdaplar ve parşöm

старинный декоративный типографик с набором простых векторных иллюстраций сети — текстовый фрейм фондовых иллюстраций alıntı konuşma kutusu. векторные иллюстрации — текстовый фрейм стоковые иллюстрации

Teklif şablonu kümesi. Alıntı konuşma kutusu. Vektör Illustration

siyah fırça штрихи, boya, mürekkep, grunge, fırçalar, çizgiler seti. кирли санацал элементлер, кутулар, черчевелер. от руки чизим. векторная иллюстрация. beyaz arka planda yalıtılmış. — текстовый фрейм стоковых иллюстраций

Siyah fırça Strokes, boya, mürekkep, grunge, fırçalar, çizgiler…

süslü kenarlıklar — текстовый фрейм стоковые иллюстрации yıldızlar, oklar, vb. gibi karalama çizimleri seti — текстовая рамка стоковые иллюстрации

Balonlar, cherçeveler, süslemeler, kalpler, yıldızlar, oklar, vb….

kısa bölücüler (büyük set 1) — текстовая рамка стоковые иллюстрации юк набор 1)

ноэль kartları — текстовая рамка стоковые иллюстрации

Noel kartları

el çizilmiş metin bölücüler super büyük koleksiyonu. vektör kaligrafi hatları, винтажные sınırlar ve düğün лавры. vektör izole mürekkep unsurları gelishir. — текстовая рамка фондовых иллюстраций

El çizilmiş metin bölücüler super büyük koleksiyonu. Vektör…

винтажные книжные виньетки, разделители и разделители набор — текстовая рамка стоковые иллюстрации

винтажные книжные виньетки, разделители и разделители набор

bölüm bölücüler ve süslemeler seti — текстовая рамка стоковые иллюстрации

Bölüm bölücüler ve süslemeler seti

vektör mono vintage çerçeveleri ayarlayın. tebrik kartları veya davetiyeler için tasarım elemanları. dekoratif metin arka planlar — текстовая рамка стоковых иллюстраций

Vektör mono Vintage çerçeveleri ayarlayın. Tebrik kartları veya…

çiçek ve grafik tasarım öğeleri ve işaretleri ile. vektör yazı için metin bölücüler kümesi. — текстовая рамка фондовых иллюстраций

Чичек ве графика tasarım öğeleri ве işaretleri ile. Vektör yazı içi

винтажный декоративный шрифт под названием «янтарный вкус» — текстовая рамка стоковые иллюстрации

Винтажный декоративный шрифт под названием «Вкус янтаря»

aksaklık etkisi afiş ve çerçeve kümesi. — текстовая рамка стоковые иллюстрации

Aksaklık etkisi afish ve cherçeve kümesi.

этикетка tasarımları için vintage alfabesi — текстовый фрейм стоковые иллюстрации ın sınır çerçevesi seti etkiler. минимальный tarzda Altın dekorasyon. geometrik ince çizgi dikdörtgen şeklinde grafik metal folyo elemanı — текстовая рамка стоковые иллюстрации

Açık Gölge ve ışık ile altın sınır cerçevesi seti etkiler….

kağıt gölge efekti. şeffaf sayfa bölücü gerçekçi gölgeler, web sitei paneli sekmeleri, poster banner vektör gölge şablonları — текстовая рамка фондовых иллюстраций

Kağıt gölge efekti. Şeffaf sayfa bölücü gerçekçi gölgeler, Web…

копия векторного изображения с изображением мави darbesi ve çizgi cherçevesi — text frame stock illustrations

çizgi cerçeves

teklif konuşma kabarcık boş şablonlar kümesi. парантез ичинде метин, алынты бош черчевелер, тырнак кабарджыклары. renk arka planda yalıtılmış metin kutusu. — текстовый фрейм стоковых иллюстраций

Teklif konuşma kabarcık boş şablonlar kümesi. Parantez içinde…

cherçeveler, süslemeler, sınırlar, balonlar, bölücüler, vb gibi basit tasarımlar kümesi — текстовая рамка стоковые иллюстрации , vb gibi. ..

kağıt şerit siyah siluet simgeler vektör seti — текстовая рамка фондовых иллюстраций

Kağıt şerit siyah siluet simgeler vektör seti

kağıt kesme tarzıkış noel kompozisyon. mutlu noeller metin каллиграфические надписи вектор illüstrasyon. — текстовый фрейм стоковых иллюстраций

Kağıt kesme tarzıkış noel kompozisyon. Mutlu Noeller metin…

alıntı kutusu, konuşma balonu, metinde parantez, beyaz arka plan üzerinde izole alıntı şablonu. vektör çizim — текстовая рамка стоковые иллюстрации

Alıntı kutusu, konuşma balonu, metinde parantez, beyaz arka plan ü

girdap süsleme inme. süs buckleler, swirls bölücü ve telkari süsler vektör illüstrasyon seti — текстовая рамка иллюстрации

Girdap süsleme inme. Süs buckleler, swirls bölücü ve telkari süsler

шаблоны цитат. набор красочных речевых пузырей. значок чата и разговора. элементы дизайна. векторная иллюстрация. — текстовый фрейм стоковых иллюстраций

Шаблоны кавычек. набор красочных речевых пузырей. Чат и.. .

tasarım için büyük koleksiyon veya vektör dekoratif elemanları seti — text frame stock illustrations

tasarım için büyük koleksiyon veya vektör dekoratif elemanları…

vintage dövme yazı tipi. — текстовый фрейм стоковые иллюстрации

Vintage dövme yazı tipi.

alıntı metin balonu veya not, kutu veya şablon. — текстовая рамка стоковые иллюстрации

Alıntı metin balonu veya not, kutu veya şablon.

elle çizilmiş sprey boya cerçeveleri ve metin afişleri ayarlayın. аэрография mürekkep nokta kutusu. гранж арка план. вектор изолей иллюстраций. — текстовый фрейм стоковых иллюстраций

Elle çizilmiş sprey boya cerçeveleri ve metin afişleri ayarlayın.

векторный рисунок шаблона метин yer tutucu Trendy tarzı ile — текстовый фрейм фондовых иллюстраций

farklı şekil piksel konuşma balonu аярлайын. geometrik metin diyalog kutuları. renkli teklif kutusu konuşma balonu. современная векторная иллюстрация — текстовая рамка стоковые иллюстрации

Farklı şekil piksel konuşma balonu ayarlayın. Geometrik metin…

karalama tasarım öğeleri — текстовый фрейм стоковые иллюстрации k bir dizi

винтажный готический алфавит мел — текстовая рамка стоковые иллюстрации

Винтажный готический алфавит мел

орнамент — текстовая рамка стоковые иллюстрации

Орнамент

şık kenarlıklar — текстовая рамка стоковые иллюстрации 9″ kara kraliçe’yi» ile ekstrüzyon hatları etkisi ve vintage etiket şablonun adı. — текстовая рамка стоковых иллюстраций

Украшение типа «Kara Kraliçe’yi» или экструзия шляпы…

tırnak içinde grunge alıntı. dokulu tırnak çerçevesi, yorum konuşma çerçeveleri ve alıntılar şablon vektör seti — текстовая рамка стоковые иллюстрации

Tırnak içinde гранж alıntı. Dokulu tırnak çerçevesi, yorum konuşm

/100

текст – А-образная рамка

1.4.0 › Компоненты

Текстовый компонент отображает текст шрифта поля расстояния со знаком (SDF).

Введение

Обратите внимание, что визуализация текста в 3D затруднена. В 2D веб-разработке текст является наиболее основная вещь, потому что рендерер браузера и механизм компоновки обрабатывают все. В контексте 3D у нас нет такой роскоши. Есть несколько другие различные способы рендеринга текста в A-Frame, в том числе:

  • Геометрия 3D-текста
  • HTML-материалы (DOM-to-Canvas-to-Texture)
  • Текстуры изображений

По умолчанию мы выбрали текст на основе SDF для включения в качестве основного компонента. благодаря его относительно хорошей производительности и четкости . Этот компонент использует библиотека mattdesl с тремя bmfont-text . Стандартный текст компонент имеет длинную родословную, начиная с компонента сообщества и был несколько раз разветвлялся и улучшался, прежде чем попасть в A-Frame!

Пример

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

  

См. дополнительные примеры, чтобы увидеть конфигурацию выравниваний, привязок, базовых линий, масштабирование и автоматическое изменение размера.

  • Пример текста (код)
  • Текстовые привязки (код)
  • Текстовые сценарии (код)
  • Размеры текста (код)

Откройте любой из этих примеров сцен, нажмите + + i , чтобы открыть Инспектор, и поиграйте со всеми возможными значениями, чтобы мгновенно увидеть эффекты!

Недвижимость

Недвижимость Описание Значение по умолчанию
выровнять Многострочное выравнивание текста (по левому краю, по центру, по правому краю). осталось
альфа-тест Отбрасывать текстовые пиксели, если альфа меньше этого значения. 0,5
анкер Горизонтальное позиционирование (слева, по центру, справа, выравнивание). центр
базовый уровень Вертикальное расположение (сверху, по центру, снизу). центр
цвет Цвет текста. белый
шрифт Шрифт для отображения текста, либо имя одного из стандартных шрифтов A-Frame, либо URL-адрес файла шрифта по умолчанию
изображение шрифта Путь к текстуре изображения шрифта для рендеринга текста. По умолчанию используется имя шрифта с расширением, замененным на .png . Не нужно указывать, если используется стандартный шрифт. получено из названия шрифта
высота Высота текстового блока. получено из размера текста
LetterSpacing Расстояние между буквами в пикселях. 0
высота строки Высота строки в пикселях. получен из файла шрифта
непрозрачность Непрозрачность по шкале от 0 до 1, где 0 означает полностью прозрачный, а 1 означает полностью непрозрачный. 1,0
шейдер Шейдер, используемый для визуализации текста. сдф
сбоку Сторона для визуализации. (передняя, ​​задняя, ​​двойная) передний
Размер вкладки Размер табуляции в пробелах. 4
прозрачный Является ли текст прозрачным. правда
значение Фактическое содержание текста. Разрывы строк и табуляции поддерживаются с помощью \n и \t . »
белыйКосмос Как следует обрабатывать пробелы (т. е. нормальный, предварительный, текущий). Подробнее о пробелах. обычный
ширина Ширина в метрах. получено из геометрии, если существует
упаковка Количество символов перед переносом текста (больше или меньше). 40
упаковкаПиксели Количество пикселей перед переносом текста. получено из wrapCount
xСмещение Смещение по оси X для добавления заполнения. 0
zСмещение Смещение по оси Z, чтобы избежать Z-борьбы при использовании геометрии в качестве фона. 0,001

Реализация основана на трех-бмфонт-тексте от mattdesl. Узнайте больше о свойствах текста.

События

Название события Описание
набор шрифтов Генерируется при загрузке источника шрифта

Шрифты

Мы можем указать разные шрифты, хотя этот процесс не так прост, как в Интернете. Шрифты. Текстовый компонент по умолчанию имеет значение roboto , который использует многоканальный шрифт со знаком расстояния (MSDF). MSDF помогает сохранить острые углы и края.

Стандартные шрифты

Выберите один из встроенных шрифтов A-Frame. Эти шрифты будут загружены из через CDN. Если вы хотите, чтобы ваше приложение лучше работало в автономном режиме, загрузите эти шрифты локально и указать на них через URL.

Пользовательские шрифты

С помощью свойств font и fontImage можно указать различные шрифты.

  


Если не указано, fontImage будет именем шрифта , но с расширением заменен на .png . Например, если путь font заканчивается на mozillavr. fnt , тогда текстура fontImage по умолчанию будет иметь размер mozillavr.png .

Генерация шрифтов SDF

Помимо стандартных шрифтов, мы можем генерировать шрифты SDF с помощью Hiero, инструмент упаковки растровых шрифтов. См. это руководство для создания шрифтов SDF.

Мы также можем генерировать шрифты MSDF с помощью веб-инструмента MSDF или в командной строке с помощью msdfgen или msdf-bmfont. Инструменты для шрифтов MSDF могут быть менее зрелыми, чем альтернативы SDF.

Ниже приведен пример сравнения шрифта, созданного с помощью Hiero, Arial Black, с шрифт SDF, DejaVu:

Не-ASCII-символы

Чтобы использовать не-ASCII-символы, необходимо создать собственный шрифт. Самый простой способ — использовать веб-инструмент MSDF. Выберите требуемый набор символов и создайте собственный zip-файл шрифта msdf.

Вот пример набора французских символов, который вы можете использовать:

 ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789. ?!/:;,*§£$ø@+°-~#&²'{}[]|`\()=%* µ ааеееëêïîöôùüüûÀÂÉÈËÊÏÎÖÔÜÛçÇ€
 

После того, как вы загрузите zip-файл пользовательского шрифта msdf, распакуйте его, а затем поместите файлы png и json в каталог A-Frame. Начиная с A-Frame 0.9.0 и выше, вам больше не нужно переименовывать *.png в *-msdf.png , A-Frame загружает изображение, определенное в файле json.

Наконец, вы должны указать набор символов, используемый в вашем HTML, используя тег , чтобы избежать искажения текста. Если ваш текст искажен, он не отображается.

  











Размер

Чтобы изменить размер текста, мы можем:

  • Изменить ширину 9 0170 .
  • Измените wrapCount на (примерно сколько символов уместится внутри заданной ширины).
  • Изменить wrapPixels .
  • Измените компонент шкалы.
  • Поместите текст ближе или дальше.

Текст можно переносить, указав ширину в единицах A-Frame.

В случае, если нам нужно сделать пользовательский макет или нужно знать границы текста, длина вывода текста может быть предварительно рассчитана динамически с чем-то например:

 totalWidth = data.value.length * (data.width / data.wrapCount) 

Auto-Scaling

Текстовый компонент вводит особое поведение при использовании вместе с компонент геометрии (например, фоновая плоскость). Обратите внимание, что это работает только с Дружественные к 2D геометрии, определяющие ширину и высоту (т. е. коробка , плоскость ). Текст можно масштабировать, ограничивать или выравнивать по отношению к геометрии. или текст может автоматически масштабировать геометрию, чтобы соответствовать тексту.

Масштабирование текста в соответствии с геометрией

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

  геометрия = "примитив: плоскость; ширина: 4; высота: авто" 
material="color: blue"
text="value: Этот текст будет иметь ширину 4 единицы.">

Масштабирование геометрии по размеру текста

Автоматическое масштабирование геометрии с помощью текст, установить геометрию свойств компонента width и height на auto и установите текст ширина компонента по желанию. В этом примере ширина плоскости будет установить на 4 единицы, а его высота будет установлен в соответствии с фактической высотой текст:

  геометрия = "примитив: плоскость; высота: авто; ширина: авто" 
материал = "цвет: синий"
текст = "ширина: 4; значение: этот текст будет 4 единиц ширины. ">

Обратите внимание, что если ни геометрия , ни текст не указывают ширину, текст ширина свойство по умолчанию будет равно 1 единице (метру), а ширина геометрии равна 9.0170 имущество будет затем также стать 1 единицей.

  геометрия="примитив: плоскость" 
материал="цвет: синий"
текст="значение: 1-ширина\nпо умолчанию.">

Ограничения

Текстовый компонент не использует все функции библиотека three-bmfont-text и родственные модули.

Рендеринг растрового шрифта ограничивает вас символами, включенными в шрифт ( Unicode это не ). Рендеринг шрифта SDF имеет тенденцию создавать гладкие острые края хотя есть способы обойти это.

Сгенерированный текст не подходит для проверки пересечения рейкастером. Для обнаружения raycaster или курсора необходимо использовать компонент геометрии вместе с компонентом текста.

Автор записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *