可缩放矢量图（SVG）之 径向渐变中心与焦点
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>三十课 - 可缩放矢量图（SVG）之 径向渐变中心与焦点</title> </head> <body> <h1>三十课</h1> <svg width="170" height="120"> <radialGradient id="radial2" cx="0.5" cy="0.5" r="0.5" fx="0.25" fy="0.25"> <stop offset="0%" stop-color="red"/> <stop offset="100%" stop-color="blue"/> </radialGradient> <rect x="10" y="10" width="160" height="100" fill="url(#radial2)"/> </svg> </body> </html>
运行结果
三十课
广告
