SVG <text>

SVG ຄຳຂັດຄວາມ - <text>

<text> ສະມາຊິກສາມາດນຳສະເໜີຄຳຂັດຄວາມ.

ຕົວຢ່າງ 1

ຂຽນຄຳຂັດຄວາມ:

ນີ້ແມ່ນ SVG ລະບົບ:

<svg height="30" width="200">
  <text x="0" y="15" fill="red">ຂ້ອຍຮັກ SVG!</text>
</svg>

Try It Yourself

ຕົວຢ່າງ 2

ລະຫວ່າງວັນທີໃນການສະເໜີ:

ນີ້ແມ່ນ SVG ລະບົບ:

<svg height="60" width="200">
  <text x="0" y="15" fill="red" transform="rotate(30 20,40)">ຂ້ອຍຮັກ SVG</text>
</svg>

Try It Yourself

ຕົວຢ່າງ 3

<text> ສະມາຊິກສາມາດທີ່ຈະ: <tspan> ສະມາຊິກນຳກັນຖືກຈັດຕັ້ງໃນຈຳນວນບ່ອນຫຼາຍ. <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>

Try It Yourself

ຕົວຢ່າງ 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">ຂ້ອຍຮັກ SVG!</text>
  </a>
</svg>

Try It Yourself