當我們在SVG中設計Polyline時，我們可以使用<polyline>元素。<polyline> 元素是一種SVG基本形狀，它允許我們在SVG畫布上繪製一連串的直線段。

以下是一些Polyline的基本範例：

範例 1: 簡單的Polyline

xml
<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg">
  <polyline points="50,50 100,25 150,50 200,25" fill="none" stroke="black" stroke-width="2" />
</svg>

在這個例子中，我們使用points屬性來定義Polyline的端點。每對座標表示一個端點，這裡有四個端點，它們將形成一條由一個點到另一個點的連續線段。fill="none" 表示不填充Polyline，stroke="black" 表示使用黑色線條，stroke-width="2" 表示線條寬度為2個單位。

範例 2: 多條Polyline

xml
<svg width="300" height="200" xmlns="http://www.w3.org/2000/svg">
  <polyline points="50,50 100,25 150,50 200,25" fill="none" stroke="black" stroke-width="2" />
  <polyline points="50,100 100,75 150,100 200,75" fill="none" stroke="red" stroke-width="2" />
</svg>

在這個例子中，我們在同一個SVG畫布上定義了兩條不同的Polyline。每條Polyline使用不同的stroke顏色。

範例 3: 使用CSS樣式

xml
<svg width="300" height="200" xmlns="http://www.w3.org/2000/svg">
  <style>
    .polyline1 { fill: none; stroke: black; stroke-width: 2; }
    .polyline2 { fill: none; stroke: red; stroke-width: 2; }
  </style>
  <polyline points="50,50 100,25 150,50 200,25" class="polyline1" />
  <polyline points="50,100 100,75 150,100 200,75" class="polyline2" />
</svg>

這個例子使用了CSS樣式，將Polyline的樣式屬性放在<style>元素中，然後在Polyline元素中使用class屬性引用相應的樣式。

這些例子展示了如何使用<polyline>元素在SVG中設計Polyline，可以通過調整端點坐標、線條樣式等屬性來創建各種形狀的Polyline。