SVG ໃນເວັບ HTML

SVG ບັນຊີສາມາດເອົາໃສ່ເວັບ HTML ບັນຊີ <embed>、<object> ຫຼື <iframe>.

SVG ໃນເວັບ HTML

ຫຼັງຈາກນັ້ນທ່ານຈະເຫັນສາມວິທີທີ່ທີ່ຈະໃຊ້ໃນການເອົາ SVG ບັນຊີໃນ HTML ເວັບ.

ນຳໃຊ້ <embed> ຕົວແທນ

<embed> ຕົວແທນໄດ້ສະໜັບສະໜູນໂດຍຜູ້ຄົນນໍາໃໝ່ທັງໝົດ ແລະ ອະນຸຍາດໃຊ້ສິດຄຳສັ່ງ.

Note:ຖ້າເຈົ້າຈະໃຊ້ <embed> ຕົວແທນ ໃນເວັບ HTML ໃນການເອົາ SVG ໃຫ້ເປັນການແນະນຳຈາກ Adobe SVG Viewer! ແຕ່ຖ້າເຈົ້າຈະຕ້ອງສ້າງ XHTML ທີ່ມີຄວາມມີປະສິດທິພາບຫຼັງຈາກນັ້ນບໍ່ສາມາດໃຊ້ <embed> ບໍ່ມີຕົວແທນ <embed> ໃນເອກະສານ HTML ທັງໝົດ.

Syntax:

<embed src="rect.svg" width="300" height="100" 
type="image/svg+xml"
pluginspage="http://www.adobe.com/svg/viewer/install/" />

Note:ປະສົມປະກອບ pluginspage ໄດ້ຍິນວ່າ URL ທີ່ດາວລົງສິນຄ້າ.

ນຳໃຊ້ <object> ຕົວແທນ

<object> ຕົວແທນແມ່ນຕົວແທນມາດຕະຖານ HTML 4 ທີ່ສະໜັບສະໜູນໂດຍຜູ້ຄົນນໍາໃໝ່ທັງໝົດ. ຂໍ້ບົກຜິດຂອງມັນແມ່ນບໍ່ອະນຸຍາດໃຊ້ສິດຄຳສັ່ງ.

Note:ຖ້າເຈົ້າໄດ້ຖືກຕິດຕັ້ງ Adobe SVG Viewer ສະບັບຫຼັກສູງສຸດນີ້ຫຼັງຈາກນັ້ນບໍ່ສາມາດໃຊ້ SVG ບັນຊີຫຼັງຈາກນັ້ນບໍ່ສາມາດໃຊ້ໃນ IE (ຢ່າງໜ້ອຍບໍ່ສາມາດໃຊ້ໃນ IE)!

Syntax:

<object data="rect.svg" width="300" height="100" 
type="image/svg+xml"
codebase="http://www.adobe.com/svg/viewer/install/" />

Note:The codebase attribute points to the URL for downloading the plugin.

Use the <iframe> tag

<iframe> tag works in most browsers.

Syntax:

<iframe src="rect.svg" width="300" height="100">
</iframe>

I expect...

If it were possible to add SVG elements to HTML code simply by referencing the SVG namespace, that would be great, like this:

<html xmlns:svg="http://www.w3.org/2000/svg">
<body>
<p>This is an HTML paragraph</p>
<svg:svg width="300" height="100" version="1.1" >
<svg:circle cx="100" cy="50" r="40" stroke="black">
stroke-width="2" fill="red" />
</svg:svg>
</body>
</html>