可缩放矢量图（SVG）之 剪切
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>三十课 - 可缩放矢量图（SVG）之 剪切</title> </head> <body> <h1>三十课</h1> <svg width="170" height="130"> <clipPath id="cut-off"> <rect x="0" y="10" width="170" height="60" /> </clipPath> <rect x="10" y="10" width="150" height="120" clip-path="url(#cut-off)" fill-opacity="0.75" /> <rect x="10" y="10" width="150" height="120" fill-opacity="0.03" /> </svg> </body> </html>
运行结果
三十课
广告
