可缩放矢量图（SVG）之 stroke连接点形状
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>三十课 - 可缩放矢量图（SVG）之 stroke连接点形状</title> </head> <body> <h1>三十课</h1> <svg width="170" height="180"> <polyline points="20 70 90 20 160 70" stroke-linejoin="miter" stroke="blue" stroke-width="20" fill="none" /> <polyline points="20 120 90 70 160 120" stroke-linejoin="round" stroke="blue" stroke-width="20" fill="none" /> <polyline points="20 170 90 120 160 170" stroke-linejoin="bevel" stroke="blue" stroke-width="20" fill="none" /> </svg> </body> </html>
运行结果
三十课
广告
