可缩放矢量图（SVG）之 路径三次贝塞尔曲线延伸
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>三十课 - 可缩放矢量图（SVG）之 路径三次贝塞尔曲线延伸</title> </head> <body> <h1>三十课</h1> <svg width="200" height="160px"> <path d="M10 80 C 40 10, 65 10, 95 80 S 150 150, 180 80" stroke="purple" fill="transparent"/> <circle r="3" cx="10" cy="80" fill="red" /> <circle r="3" cx="40" cy="10" fill="green" /> <circle r="3" cx="65" cy="10" fill="blue" /> <circle r="3" cx="95" cy="80" fill="yellow" /> <circle r="3" cx="150" cy="150" fill="pink" /> <circle r="3" cx="180" cy="80" fill="grey" /> </svg> </body> </html>
运行结果
三十课
广告
