SVG <text>

SVG ਟੈਕਸਟ - <text>

<text> ਐਲੀਮੈਂਟ ਟੈਕਸਟ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。

ਉਦਾਹਰਣ 1

ਇੱਕ ਟੈਕਸਟ ਲਿਖੋ:

ਇਹ ਐੱਸਵੀਜੀ ਕੋਡ ਹੈ:

<svg height="30" width="200">
  <text x="0" y="15" fill="red">ਮੈਂ ਐੱਸਵੀਜੀ ਪਸੰਦ ਕਰਦਾ ਹਾਂ!</text>
</svg>

ਆਪਣੇ ਅਨੁਸਾਰ ਕਰੋ

ਉਦਾਹਰਣ 2

ਟੈਕਸਟ ਚੱਕਰਾਂ ਲਈ:

ਇਹ ਐੱਸਵੀਜੀ ਕੋਡ ਹੈ:

<svg height="60" width="200">
  <text x="0" y="15" fill="red" transform="rotate(30 20,40)">ਮੈਂ ਐੱਸਵੀਜੀ ਪਸੰਦ ਕਰਦਾ ਹਾਂ</text>
</svg>

ਆਪਣੇ ਅਨੁਸਾਰ ਕਰੋ

ਉਦਾਹਰਣ 3

<text> ਐਲੀਮੈਂਟ ਨਾਲ <tspan> ਐਲੀਮੈਂਟ ਮਿਲ ਕੇ ਕਿਸੇ ਵੀ ਸੰਖਿਆ ਵਿੱਚ ਉਪ-ਸਮੂਹ ਵਿੱਚ ਰੱਖੇ ਜਾ ਸਕਦੇ ਹਨ। ਹਰੇਕ <tspan> ਐਲੀਮੈਂਟ ਵੱਖ-ਵੱਖ ਫਾਰਮੈਟ ਅਤੇ ਸਥਾਨ ਸਮੇਤ ਹੋ ਸਕਦਾ ਹੈ。

ਬਹੁ-ਲਾਈਨ ਟੈਕਸਟ (ਐੱਸਵੀਜੀ ਐਲੀਮੈਂਟ ਦੀ ਵਰਤੋਂ ਨਾਲ):

ਇਹ ਐੱਸਵੀਜੀ ਕੋਡ ਹੈ:

<svg height="90" width="200">
  <text x="10" y="20" style="fill:red;">ਕਈ ਲਾਈਨਾਂ:
    <tspan x="10" y="45">ਪਹਿਲੀ ਲਾਈਨ.</tspan>
    <tspan x="10" y="70">ਦੂਜੀ ਲਾਈਨ.</tspan>
  </text>
</svg>

ਆਪਣੇ ਅਨੁਸਾਰ ਕਰੋ

ਉਦਾਹਰਣ 4

ਲਿੰਕ ਟੈਕਸਟ (ਨਾਲ ਸਮਾਨ ਪਾਠ): <a> ਐਲੀਮੈਂਟ):

ਇਹ ਐੱਸਵੀਜੀ ਕੋਡ ਹੈ:

<svg height="30" width="200" xmlns:xlink="http://www.w3.org/1999/xlink">
  <a xlink:href="www.codew3c.com/graphics/index.asp" target="_blank">
    <text x="0" y="15" fill="red">ਮੈਂ ਐੱਸਵੀਜੀ ਪਸੰਦ ਕਰਦਾ ਹਾਂ!</text>
  </a>
</svg>

ਆਪਣੇ ਅਨੁਸਾਰ ਕਰੋ