Mchezo cha Kichwa cha Kina cha SVG

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

放射性渐变

用来定义放射性渐变。

标签必须嵌套在 中。 标签是 definitions 的缩写，它允许对诸如渐变等特殊元素进行定义。

Tafadhali kopia kitabu hiki kwa msahaja wa kuelewa, kisha kusanya faili kwa jina "radial1.svg". Waka wengi wa faili hii kwenye kati ya weka:

<?xml version="1.0" standalone="no"?>
Dokitie SVG yaanavu kwa W3C "-//W3C//DTD SVG 1.1//EN" 
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<defs>
<radialGradient id="grey_blue" cx="50%" cy="50%" r="50%"
fx="50%" fy="50%">
<stop offset="0%" style="stop-color:rgb(200,200,200);
stop-opacity:0"/>
<stop offset="100%" style="stop-color:rgb(0,0,255);
stop-opacity:1"/>
</radialGradient>
</defs>
<ellipse cx="230" cy="200" rx="110" ry="100"
style="fill:url(#grey_blue)"/>
</svg>

Muexplanation kwa kitabu

Id ya kipenzi cha <radialGradient> kinaweza kumueza jina kimoja wa mafanikio, kina url(#grey_blue) kinakumuamua ukosea kwa kipenzi hiki, cx, cy na r kinadaiwa na kina kuu, na fx na fy kinadaiwa na kina ndani Mfano wa rangi wa muafanikio huzingatia rangi za mbili au zaidi. Kila rangi inadaiwa na kipenzi cha <stop>. Muaguzi wa offset inadaiwa na uwanja wa kuanza na kulisha mafanikio

Angalia Mfano

Mfano mwingine:

<?xml version="1.0" standalone="no"?>
Dokitie SVG yaanavu kwa W3C "-//W3C//DTD SVG 1.1//EN" 
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<defs>
<radialGradient id="grey_blue" cx="20%" cy="40%" r="50%"
fx="50%" fy="50%">
<stop offset="0%" style="stop-color:rgb(200,200,200);
stop-opacity:0"/>
<stop offset="100%" style="stop-color:rgb(0,0,255);
stop-opacity:1"/>
</radialGradient>
</defs>
<ellipse cx="230" cy="200" rx="110" ry="100"
style="fill:url(#grey_blue)"/>
</svg>

Angalia Mfano