gradient.svg — Wikipedia, la enciclopedia libre
- Archivo
- Historial del archivo
- Usos del archivo
- Uso global del archivo
- Metadatos
Tamaño de esta previsualización PNG del archivo SVG: 120 × 120 píxeles. Otras resoluciones: 240 × 240 píxeles · 480 × 480 píxeles · 768 × 768 píxeles · 1024 × 1024 píxeles · 2048 × 2048 píxeles.
Ver la imagen en su resolución original ((Imagen SVG, nominalmente 120 × 120 pixels, tamaño de archivo: 434 bytes))
Resumen
Licencia
Yo, titular de los derechos de autor de esta obra, la publico en los términos de las siguientes licencias:
Este archivo se encuentra bajo la licencia Creative Commons Genérica de Atribución/Compartir-Igual 3.0.
- Eres libre:
- de compartir – de copiar, distribuir y transmitir el trabajo
- de remezclar – de adaptar el trabajo
- Bajo las siguientes condiciones:
- atribución – Debes otorgar el crédito correspondiente, proporcionar un enlace a la licencia e indicar si realizaste algún cambio.
- compartir igual – En caso de mezclar, transformar o modificar este trabajo, deberás distribuir el trabajo resultante bajo la misma licencia o una compatible como el original.
- atribución – Debes otorgar el crédito correspondiente, proporcionar un enlace a la licencia e indicar si realizaste algún cambio.
https://creativecommons.org/licenses/by-sa/3.0CC BY-SA 3.0 Creative Commons Attribution-Share Alike 3.0 truetrue
Se autoriza la copia, distribución y modificación de este documento bajo los términos de la licencia de documentación libre GNU, versión 1.2 o cualquier otra que posteriormente publique la Fundación para el Software Libre; sin secciones invariables, textos de portada, ni textos de contraportada. Se incluye una copia de la dicha licencia en la sección titulada Licencia de Documentación Libre GNU.http://www. gnu.org/copyleft/fdl.htmlGFDLGNU Free Documentation Licensetruetrue |
Puedes usar la licencia que prefieras.
Historial del archivo
Haz clic sobre una fecha y hora para ver el archivo tal como apareció en ese momento.
Fecha y hora | Miniatura | Dimensiones | Usuario | Comentario | |
---|---|---|---|---|---|
actual | 07:39 11 dic 2016 | 120 × 120 (434 bytes) | Sarang | erroneous metadata removed | |
11:49 18 jun 2008 | 120 × 120 (698 bytes) | Chris Chittleborough | {{Information |Description={{en|1=An example of a linear gradient}} |Source=Own work by uploader |Author=Chris Chittleborough |Date=2008-06-18 |Permission= |other_versions= }} {{ImageUpload|full}} |
La siguiente página usa este archivo:
- Degradado
Uso global del archivo
Las wikis siguientes utilizan este archivo:
- Uso en az. wikipedia.org
- Qradiyent doldurma
- Uso en en.wikipedia.org
- Color gradient
- Uso en ja.wikipedia.org
- グラデーション
- カラーグラデーション
- Uso en nl.wikipedia.org
- Kleurengradiënt
- Uso en no.wikipedia.org
- Forløpning
- Uso en ru.wiktionary.org
- градиент
- Uso en zh.wikipedia.org
- 色彩梯度
Metadatos
Este archivo contiene información adicional, probablemente añadida por la cámara digital o el escáner usado para crearlo o digitalizarlo.
Si el archivo ha sido modificado desde su estado original, pueden haberse perdido algunos detalles.
Título breve | An example of a linear gradient |
---|---|
Anchura | 120 |
Altura | 120 |
– SVG&колония; Масштабируемая векторная графика
Элемент
позволяет авторам определять радиальные градиенты, которые можно применять для заливки или обводки графических элементов.
Примечание: Не путайте с CSS radio-gradient()
, поскольку градиенты CSS могут применяться только к элементам HTML, тогда как градиент SVG может применяться только к элементам SVG.
html, тело, свг { высота: 100%; }
-
сх
Этот атрибут определяет координату x конечной окружности радиального градиента. Тип значения : <длина> ; Значение по умолчанию :
50%
; Анимация : да-
Этот атрибут определяет координату y конечной окружности радиального градиента. Тип значения : <длина> ; Значение по умолчанию :
50%
; Анимация : да-
передний
Этот атрибут определяет радиус начального круга радиального градиента. Градиент будет нарисован таким образом, что 0%
отображается на периметр начального круга. Тип значения : <длина> ; Значение по умолчанию :0%
; Анимация : да-
Фиксированный
Этот атрибут определяет координату x начального круга радиального градиента. Тип значения : <длина> ; Значение по умолчанию : То же, что и
cx
; Анимация : да-
год
Этот атрибут определяет координату y начального круга радиального градиента. Тип значения : <длина> ; Значение по умолчанию : То же, что и
cy
; Анимация : да-
градиентЕдиницы
Этот атрибут определяет систему координат для атрибутов
cx
,cy
,r
,fx
,fy
,fr
Тип значения :userSpaceOnUse
|объектBoundingBox
; Значение по умолчанию :objectBoundingBox
; Анимация : да-
градиентПреобразование
Этот атрибут обеспечивает дополнительное преобразование системы координат градиента. Тип значения : <список-преобразования> ; Значение по умолчанию : преобразование идентичности ; Анимация : да
-
ссылка
Этот атрибут определяет ссылку на другой элемент
-
р
Этот атрибут определяет радиус конечной окружности радиального градиента. Градиент будет нарисован таким образом, что 100%
50%
; Анимация : да-
Метод распространения
Этот атрибут указывает, как ведет себя градиент, если он начинается или заканчивается внутри границ фигуры, содержащей градиент. Тип значения :
pad
отражение
|повторить
; Значение по умолчанию :pad
; Анимация : да-
ссылка: href
Устарело: Эта функция больше не рекомендуется. Хотя некоторые браузеры могут по-прежнему поддерживать его, возможно, он уже удален из соответствующих веб-стандартов, может находиться в процессе исключения или может быть сохранен только в целях совместимости. Избегайте его использования и обновляйте существующий код, если это возможно; см. таблицу совместимости внизу этой страницы, чтобы принять решение. Имейте в виду, что эта функция может перестать работать в любой момент.
Ссылкана другой элемент
Глобальные атрибуты
- Основные атрибуты
В частности:
id
- Атрибуты стиля
-
класс
,стиль
- Атрибуты события
Атрибуты глобальных событий, Атрибуты событий элементов документа
- Атрибуты презентации
наиболее примечательно:
Clip-Path
,-процесс формирования
,Color
,Color-Interpolation
,Цветовой Рендринг
,CURSOR
,Дисплей
,заполните
,.
правило заполнения
,фильтр
,маска
Opacity
,Pointer-Events
,,
,, ход
,ход-Dasharray
,-Dashoffset
,Shuck-LineCap
,Инсульт-леййнжайн
,холк-инсульт-митерлим.
,штрих-непрозрачность
,штрих-ширина
,преобразование
,вектор-эффект
,видимость
- Атрибуты XLink
-
xlink:href
,xlink:название
Категории | Градиентный элемент |
---|---|
разрешенные контент | Любое число следующих элементов, в любом порядке: . , |
Спецификация |
---|
Масштабируемая векторная графика (SVG) 2 # RadialGradients |
Таблицы BCD загружаются только в браузере
с включенным JavaScript. Включите JavaScript для просмотра данных.Последнее изменение: , участниками MDN
gradientUnits - SVG: Масштабируемая векторная графика
Атрибут gradientUnits
определяет систему координат, используемую для атрибутов, указанных в элементах градиента.
Этот атрибут можно использовать со следующими элементами SVG:
-
<линейный градиент>
-
<радиальный градиент>
Для
, gradientUnits
определяет систему координат, используемую для атрибутов x1
, y1
, x2
и y2
.
Значение | userSpaceOnUse | объектBoundingBox |
---|---|
Значение по умолчанию | объектBoundingBox |
Анимируемый | Да |
-
userSpaceOnUse
Это значение указывает, что атрибуты представляют значения в системе координат, которая является результатом использования текущей пользовательской системы координат в момент ссылки на элемент градиента (т. е. пользовательская система координат для элемента, ссылающегося на элемент градиента через
fill
илиstroke
свойство), а затем применяя преобразование, указанное атрибутомgradientTransform
. Проценты представляют значения относительно текущего окна просмотра SVG.-
объектBoundingBox
Это значение указывает, что пользовательская система координат для атрибутов устанавливается с использованием ограничивающей рамки элемента, к которому применяется градиент, а затем применяется преобразование, указанное атрибутом 9.0004 градиентПреобразование .
Проценты представляют значения относительно ограничивающей рамки для объекта.
С этим значением и
gradientTransform
, являющимся единичной матрицей, нормаль линейного градиента перпендикулярна вектору градиента в пространстве ограничивающей рамки объекта (т. е. абстрактная система координат, где (0,0) находится вверху/слева от ограничивающая рамка объекта, а (1,1) находится внизу/справа от ограничивающей рамки объекта). Когда ограничивающая рамка объекта не является квадратной, нормаль градиента, которая изначально перпендикулярна вектору градиента в пространстве ограничивающей рамки объекта, может отображаться неперпендикулярно вектору градиента в пользовательском пространстве. Если вектор градиента параллелен одной из осей ограничивающей рамки, нормаль градиента останется перпендикулярной. Это преобразование связано с применением преобразования неравномерного масштабирования из пространства ограничивающей рамки в пространство пользователя.
для
, GradientUnits
определяет систему координат, используемую для атрибутов CX
, CY
, R
, FX
, FY
и FR
.
Значение | userSpaceOnUse | объектBoundingBox |
---|---|
Значение по умолчанию | объектBoundingBox |
Анимируемый | Да |
-
userSpaceOnUse
cx
,cy
,r
,fx
,fy
иfr
представляют значения в системе координат, полученные в результате использования текущей пользовательской системы координат в момент, когда элемент градиента ссылка (т. е. пользовательская система координат для элемента, ссылающегося на элемент градиента черезfill
илиstroke
свойство), а затем применяя преобразование, указанное атрибутомgradientTransform
.-
объектBoundingBox
for
cx
,cy
,r
,fx
,fy
, иfr
, градиент которого устанавливается с использованием границы элемента применяется (см. Единицы ограничивающей рамки объекта), а затем применяется преобразование, указанное атрибутомградиентПреобразование
. С этим значением иgradientTransform
, являющимся единичной матрицей, кольца радиального градиента являются круговыми по отношению к пространству ограничивающей рамки объекта (т. е. абстрактная система координат, где (0,0) находится вверху/слева от объекта ограничивающая рамка, а (1,1) находится внизу/справа от ограничивающей рамки объекта).