<glyph>

Устаревший: Эта функция больше не рекомендуется. Хотя некоторые браузеры могут её всё ещё поддерживать, она может быть удалена из соответствующих веб-стандартов, может быть в процессе удаления или сохранена только для совместимости. Избегайте её использования и, при возможности, обновите существующий код; см. таблицу совместимости внизу этой страницы, чтобы принять решение. Имейте в виду, что эта функция может перестать работать в любое время.

Элемент <glyph> определяет один глиф в шрифте SVG.

Контекст использования

Категории Элемент текстового контента

Разрешенный контент Любое количество следующих элементов в любом порядке:
Элементы анимации
Описательные элементы
Элементы фигур
Структурные элементы
Элементы градиента
<a>, <clipPath>, <cursor>, <filter>, <font>, <font-face>, <foreignObject>, <image>, <marker>, <mask>, <pattern>, <script>, <style>, <switch>, <text>, <view>

Категории	Элемент текстового контента
Разрешенный контент	Любое количество следующих элементов в любом порядке: Элементы анимации Описательные элементы Элементы фигур Структурные элементы Элементы градиента `<a>`, `<clipPath>`, `<cursor>`, `<filter>`, `<font>`, `<font-face>`, `<foreignObject>`, `<image>`, `<marker>`, `<mask>`, `<pattern>`, `<script>`, `<style>`, `<switch>`, `<text>`, `<view>`

Атрибуты

d Устаревший
horiz-adv-x Устаревший
vert-origin-x Устаревший
vert-origin-y Устаревший
vert-adv-y Устаревший
unicode Устаревший
glyph-name Устаревший
orientation Устаревший
arabic-form Устаревший
lang Устаревший

Интерфейс DOM

Этот элемент реализует интерфейс SVGGlyphElement.

Пример

SVG

html

<svg
  width="400px"
  height="300px"
  version="1.1"
  xmlns="http://www.w3.org/2000/svg">
  <!-- Example copied from https://www.w3.org/TR/SVG/fonts.html#GlyphElement -->
  <defs>
    <font id="Font1" horiz-adv-x="1000">
      <font-face
        font-family="Super Sans"
        font-weight="bold"
        font-style="normal"
        units-per-em="1000"
        cap-height="600"
        x-height="400"
        ascent="700"
        descent="300"
        alphabetic="0"
        mathematical="350"
        ideographic="400"
        hanging="500">
        <font-face-src>
          <font-face-name name="Super Sans Bold" />
        </font-face-src>
      </font-face>

      <missing-glyph><path d="M0,0h200v200h-200z" /></missing-glyph>
      <glyph unicode="!" horiz-adv-x="80" d="M0,0h200v200h-200z"></glyph>
      <glyph unicode="@" d="M0,50l100,300l400,100z"></glyph>
    </font>
  </defs>
  <text
    x="100"
    y="100"
    style="font-family: 'Super Sans', Helvetica, sans-serif;
             font-weight: bold; font-style: normal">
    Text using embedded font!
  </text>
</svg>

Результат

Спецификации

Спецификация
Scalable Vector Graphics (SVG) 1.1 (Второе издание) # GlyphElement

Совместимость с браузерами

	Рабочий стол					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`glyph`	1–40	Нет	Нет	15–27	3–16.4	18–40	Нет	14–27	2–16.4	1.0–4.0	4.4–40
`arabic-form`	1–40	Нет	Нет	15–27	3–16.4	18–40	Нет	14–27	2–16.4	1.0–4.0	4.4–40
`d`	1–40	Нет	Нет	15–27	3–16.4	18–40	Нет	14–27	2–16.4	1.0–4.0	4.4–40
`glyph-name`	1–40	Нет	Нет	15–27	3–16.4	18–40	Нет	14–27	2–16.4	1.0–4.0	4.4–40
`horiz-adv-x`	1–40	Нет	Нет	15–27	3–16.4	18–40	Нет	14–27	2–16.4	1.0–4.0	4.4–40
`lang`	1–40	Нет	Нет	15–27	3–16.4	18–40	Нет	14–27	2–16.4	1.0–4.0	4.4–40
`orientation`	1–40	Нет	Нет	15–27	3–16.4	18–40	Нет	14–27	2–16.4	1.0–4.0	4.4–40
`unicode`	1–40	Нет	Нет	15–27	3–16.4	18–40	Нет	14–27	2–16.4	1.0–4.0	4.4–40
`vert-adv-y`	1–40	Нет	Нет	15–27	3–16.4	18–40	Нет	14–27	2–16.4	1.0–4.0	4.4–40
`vert-origin-x`	1–40	Нет	Нет	15–27	3–16.4	18–40	Нет	14–27	2–16.4	1.0–4.0	4.4–40
`vert-origin-y`	1–40	Нет	Нет	15–27	3–16.4	18–40	Нет	14–27	2–16.4	1.0–4.0	4.4–40

См. также

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/SVG/Element/glyph