Makina ya Kuzingatia cha SVG

SVG 渐变必须在 标签中进行定义。

SVG 渐变

渐变是一种从一种颜色到另一种颜色的平滑过渡。另外，可以把多个颜色的过渡应用到同一个元素上。

在 SVG 中，有两种主要的渐变类型：

  • 线性渐变
  • 放射性渐变

线性渐变

可用来定义 SVG 的线性渐变。

标签必须嵌套在 的内部。 标签是 definitions 的缩写，它可对诸如渐变之类的特殊元素进行定义。

线性渐变可被定义为水平、垂直或角形的渐变：

  • 当 y1 和 y2 相等，而 x1 和 x2 不同时，可创建水平渐变
  • 当 x1 和 x2 相等，而 y1 和 y2 不同时，可创建垂直渐变
  • 当 x1 和 x2 不同，且 y1 和 y2 不同时，可创建角形渐变

请把下面的代码拷贝到记事本，然后把文件保存为 "linear1.svg"。把此文件放入您的 web 目录：

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

代码解释：

  • 标签的 id 属性可为渐变定义一个唯一的名称
  • fill:url(#orange_red) kipendekezo kinadaiwa na kuwakilisha kina ya kifupi hiki
  • Kipendekezo cha <linearGradient> cha x1, x2, y1, y2 kinadaiwa na kumekadiriwa kuanza na kumaliza kifupi
  • Mabidi ya mabati ya kifupi inayotengenezwa na mabati mbili au zaidi. Mabati kila moja inadaiwa na <stop> kitambaa. Kipendekezo cha offset kinadaiwa na kumekadiriwa kuanza na kumaliza kifupi.

Angalia mtaarifu (mabidii ya kifupi)

Mengine mtaarifu:

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

查看例子 （垂直渐变）