<cursor>
Устаревшее: Эта функция больше не рекомендуется. Хотя некоторые браузеры могут её всё ещё поддерживать, она, возможно, уже удалена из соответствующих веб-стандартов, может быть в процессе удаления или сохранена только для совместимости. Избегайте её использования и, при возможности, обновите существующий код; обратитесь к таблице совместимости внизу этой страницы для принятия решения. Имейте в виду, что эта функция может перестать работать в любое время.
Примечание: Вместо этого элемента следует использовать свойство CSS cursor.
Элемент <cursor> SVG может использоваться для определения независимого от платформы пользовательского курсора. Рекомендуемый подход к определению независимого от платформы пользовательского курсора заключается в создании изображения PNG и определении элемента cursor , который ссылается на изображение PNG и определяет точное положение в изображении, которое является положением указателя (то есть, горячая точка).
Формат PNG рекомендуется, потому что он поддерживает возможность определения маски прозрачности через альфа-канал. Если используется другой формат изображения, этот формат должен поддерживать определение маски прозрачности (два варианта: предоставление явного альфа-канала или использование определенного цвета пикселя для обозначения прозрачности). Если маска прозрачности может быть определена, маска определяет форму курсора; в противном случае курсор представляет собой непрозрачный прямоугольник. Обычно другая пиксельная информация (например, каналы R, G и B) определяет цвета тех частей курсора, которые не замаскированы. Обратите внимание, что курсоры обычно содержат как минимум два цвета, чтобы курсор был виден на большинстве фонов.
Контекст использования
| Категории | Нет |
|---|---|
| Разрешённое содержимое | Любое количество следующих элементов в любом порядке: Дескриптивные элементы |
Атрибуты
-
xУстаревший -
yУстаревший -
xlink:hrefУстаревший
Интерфейс DOM
Этот элемент реализует интерфейс SVGCursorElement.
Спецификации
Совместимость с браузерами
| Рабочий стол | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | |
cursor |
1–57 | Нет | Нет | 15–44 | 3–16.4 | 18–57 | Нет | 14–43 | 2–16.4 | 1.0–7.0 | ≤37–57 |
href |
1–57 | Нет | Нет | 15–44 | 3–16.4 | 18–57 | Нет | 14–43 | 2–16.4 | 1.0–7.0 | ≤37–57 |
systemLanguage |
1–57 | Нет | Нет | 15–44 | 3–16.4 | 18–57 | Нет | 14–43 | 2–16.4 | 1.0–7.0 | ≤37–57 |
x |
1–57 | Нет | Нет | 15–44 | 3–16.4 | 18–57 | Нет | 14–43 | 2–16.4 | 1.0–7.0 | ≤37–57 |
xlink_href |
1–57 | Нет | Нет | 15–44 | 3–16.4 | 18–57 | Нет | 14–43 | 2–16.4 | 1.0–7.0 | ≤37–57 |
y |
1–57 | Нет | Нет | 15–44 | 3–16.4 | 18–57 | Нет | 14–43 | 2–16.4 | 1.0–7.0 | ≤37–57 |
© 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/cursor