ایس وی جی تھرش

ایس وی جی تھرش

SVG ਵਿੱਚ ਵਿਆਪਕ ਪਿੰਟ ਸੈਕਸ਼ਨ ਦੇ ਗੁਣ ਹਨ। ਇਸ ਚਾਪ ਵਿੱਚ ਅਸੀਂ ਹੇਠ ਲਿਖੇ ਵਿਸ਼ਿਆਂ ਨੂੰ ਚਰਚਾ ਕਰਾਂਗੇ:

• stroke
• stroke-width
• stroke-linecap
• stroke-dasharray

ਸਾਰੇ ਪਿੰਟ ਸੈਕਸ਼ਨ ਕਿਸੇ ਵੀ ਤਰਾਂ ਦੇ ਲਾਈਨ, ਟੈਕਸਟ ਅਤੇ ਏਲੀਮੈਂਟ ਦੇ ਕਿਰਦ (ਜਿਵੇਂ ਕਿ ਸਮਕੇਂਦਰਾ) ਲਈ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ。

SVG stroke ਵਿਸ਼ੇਸ਼ਤਾ

stroke ਲਾਈਨ, ਟੈਕਸਟ ਜਾਂ ਐਲੀਮੈਂਟ ਦੀ ਕਿਰਦ ਰੰਗ ਪ੍ਰਦਾਨ ਕਰਦੀ ਹੈ:

ਇਹ SVG ਕੋਡ ਹੈ:

<svg height="80" width="300">
  <g fill="none">
    <path stroke="red" d="M5 20 l215 0" />
    <path stroke="black" d="M5 40 l215 0" />
    <path stroke="blue" d="M5 60 l215 0" />
  </g>
</svg>

آپ خود چربی بچائیئ

SVG stroke-width ਵਿਸ਼ੇਸ਼ਤਾ

stroke-width ਲਾਈਨ, ਟੈਕਸਟ ਜਾਂ ਐਲੀਮੈਂਟ ਦੀ ਕਿਰਦ ਮੁੱਢਕੀ ਵਿਸ਼ੇਸ਼ਤਾ ਪ੍ਰਦਾਨ ਕਰਦੀ ਹੈ:

ਇਹ SVG ਕੋਡ ਹੈ:

<svg height="80" width="300">
  <g fill="none" stroke="black">
    <path stroke-width="2" d="M5 20 l215 0" />
    <path stroke-width="4" d="M5 40 l215 0" />
    <path stroke-width="6" d="M5 60 l215 0" />
  </g>
</svg>

آپ خود چربی بچائیئ

SVG stroke-linecap ਵਿਸ਼ੇਸ਼ਤਾ

stroke-linecap ਖੁੱਲ੍ਹੇ ਪਥਾਂ ਦੇ ਵੱਖ-ਵੱਖ ਟਿਕਾਣਿਆਂ ਦੀ ਵਿਸ਼ੇਸ਼ਤਾ ਪ੍ਰਦਾਨ ਕਰਦੀ ਹੈ:

ਇਹ SVG ਕੋਡ ਹੈ:

<svg height="80" width="300">
  <g fill="none" stroke="black" stroke-width="6">
    <path stroke-linecap="butt" d="M5 20 l215 0" />
    <path stroke-linecap="round" d="M5 40 l215 0" />
    <path stroke-linecap="square" d="M5 60 l215 0" />
  </g>
</svg>

آپ خود چربی بچائیئ

SVG stroke-dasharray ਵਿਸ਼ੇਸ਼ਤਾ

stroke-dasharray ਇਸ ਲਈ ਵਿਸ਼ੇਸ਼ਤਾ ਲਈ:

ਇਹ SVG ਕੋਡ ਹੈ:

<svg height="80" width="300">
  <g fill="none" stroke="black" stroke-width="4">
    <path stroke-dasharray="5,5" d="M5 20 l215 0" />
    <path stroke-dasharray="10,10" d="M5 40 l215 0" />
    <path stroke-dasharray="20,10,5,5,5,10" d="M5 60 l215 0" />
  </g>
</svg>

آپ خود چربی بچائیئ