可缩放矢量图（SVG）之 路径上的文字
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>三十课 - 可缩放矢量图（SVG）之 路径上的文字</title> </head> <body> <h1>三十课</h1> <svg width="190" height="110"> <path id="my_path" d="M10 100 Q 95 10, 180 100" fill="none" stroke="blue" stroke-opacity="0.1" /> <text> <textPath xlink:href="#my_path">人 人 都 爱 三 十 课 30ke.cn </textPath> </text> </svg> </body> </html>
运行结果
三十课
广告
