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