<!DOCTYPE html>
<html>
<head>
<title>在网页中直接使用 SVG 标签</title>
</head>
<body>
<svg width="400" height="400" xmlns="http://www.w3.org/2000/svg">
<defs>
<radialGradient id="grad2" cx="0.5" cy="0.5" r="0.5" fx="0.8" fy="0.2">
<stop offset="0" stop-color="rgb(20,151,252)"/>
<stop offset="0.5" stop-color="rgb(164,105,190)"/>
<stop offset="1" stop-color="rgb(255,140,0)"/>
</radialGradient>
</defs>
<rect x="0" y="0" width="200" height="200" fill="url(#grad2)" />
</svg>
</body>
</html>
svg径向渐变
原文：http://blog.csdn.net/heye13/article/details/46389811
