SVG <text>
SVG টেক্সট - <text>
<text> এলিমেন্টগুলি টেক্সট নির্দিষ্ট করে।
উদাহরণ 1
একটি টেক্সট লিখুন:
এই হল SVG কোড:
<svg height="30" width="200"> <text x="0" y="15" fill="red">Ami SVG-tayi bhalobashi!</text> </svg>
উদাহরণ 2
রূপান্তরিত টেক্সট:
এই হল SVG কোড:
<svg height="60" width="200"> <text x="0" y="15" fill="red" transform="rotate(30 20,40)">Ami SVG</text> </svg>
উদাহরণ 3
<text> এলিমেন্টগুলি সঙ্গে: <tspan> এলিমেন্টগুলির সাথে, যেকোনো সংখ্যক সাব-গ্রুপে সজ্জিত হয়。 <tspan> এলিমেন্টগুলি বিভিন্ন ফরম্যাট এবং অবস্থান ধারণ করতে পারে。
বহুল লাইন টেক্সট (টোপন এলিমেন্ট ব্যবহার করে):
এই হল SVG কোড:
<svg height="90" width="200">
<text x="10" y="20" style="fill:red;">বহুল লাইন:</text>
<tspan x="10" y="45">প্রথম লাইন.</tspan>
<tspan x="10" y="70">দ্বিতীয় লাইন.</tspan>
</text>
</svg>
উদাহরণ 4
লিঙ্ক হিসাবে টেক্সট (যোগাযোগ সহ): <a> এলিমেন্ট):
এই হল SVG কোড:
<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">Ami SVG-tayi bhalobashi!</text>
</a>
</svg>
