可缩放矢量图（SVG）之 旋转
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>三十课 - 可缩放矢量图（SVG）之 旋转</title> </head> <body> <h1>三十课</h1> <svg width="190" height="120"> <rect x="50" y="10" width="140" height="50" fill-opacity="0.1" /> <rect x="50" y="10" width="140" height="50" transform="rotate(5)" fill-opacity="0.2" /> <rect x="50" y="10" width="140" height="50" transform="rotate(10)" fill-opacity="0.4" /> <rect x="50" y="10" width="140" height="50" transform="rotate(15)" fill-opacity="0.8" /> </svg> </body> </html>
运行结果
三十课
广告
