Svg gradient linear: — SVG: Scalable Vector Graphics

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.
    Puedes hacerlo de cualquier manera razonable pero no de manera que sugiera que el licenciante te respalda a ti o al uso que hagas del trabajo.
  • 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.

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 horaMiniaturaDimensionesUsuarioComentario
actual07:39 11 dic 2016120 × 120 (434 bytes)Sarangerroneous metadata removed
11:49 18 jun 2008120 × 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
Anchura120
Altura120

 – 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) находится внизу/справа от ограничивающей рамки объекта).

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

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