SVG <polyline>

SVG ਰੇਖਾ - <polyline>

ਉਦਾਹਰਣ 1

<polyline> ਇਹ ਇਕਾਈ ਰੇਖਾਵਾਂ ਵਾਲੇ ਕਿਸੇ ਵੀ ਸ਼ਕਲ (ਕਈ ਪੁਆਇੰਟਾਂ ਨੂੰ ਜੋੜਨ) ਦੀ ਰਚਨਾ ਕਰਨ ਲਈ ਵਰਤੀ ਜਾਂਦੀ ਹੈ:

ਇਹ SVG ਕੋਡ ਹੈ:

<svg height="200" width="500">
  <polyline points="20,20 40,25 60,40 80,120 120,140 200,180"
  style="fill:none;stroke:black;stroke-width:3" />
</svg>

خودتان امتحان کنید

ਕੋਡ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ:

• points ਲੀਹ ਰੇਖਾ ਦਿਖਾਉਣ ਲਈ ਜ਼ਰੂਰੀ ਪੁਆਇੰਟਾਂ ਦੀ ਸੂਚੀ (x ਅਤੇ y ਨਿਰਦੇਸ਼ਾਂ) ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ

ਉਦਾਹਰਣ 2

ਇੱਕ ਹੋਰ ਸਿਰਫ ਰੇਖਾਵਾਂ ਵਾਲਾ ਉਦਾਹਰਣ:

ਇਹ SVG ਕੋਡ ਹੈ:

<svg height="180" width="500">
  <polyline points="0,40 40,40 40,80 80,80 80,120 120,120 120,160"
  استایل="fill:white;stroke:red;stroke-width:4" />
</svg>

خودتان امتحان کنید