SVG ການສະແດງຄວາມຈິງ

ສອບສວນຕົວຢ່າງດັ່ງກ່າວ

ຕົວຢ່າງທີ່ຈະດຳເນີນ SVG 代码ໃນ HTML 代码.

Firefox, Internet Explorer 9, Google Chrome, Opera ແລະ Safari ທັງໝົດການສະໜັບສະໜູນການດຳເນີນການນີ້.

SVG ການສະແດງຄວາມຈິງ

SVG ຮູບຮູບພື້ນຖານ

ວົງ
ວົງບອກ
ຂະແນນດາວທີ່ມີຄວາມສະທ້ອນ
ຂະແນນດາວທີ່ມີຄວາມສະທ້ອນ 2
ຂະແນນດາວທີ່ມີວົງກວ້າງ
ວົງສີງານ
ວົງສີງານສາມທີ່ຫຼຸດກັນ
ວົງສີງານສອງ
ສາຍ
ວົງສະບາຍທີ່ມີສີເພັງສາມ
ວົງສະບາຍທີ່ມີສີເພັງ
ວົງສີງານ
ວົງສີງານອີກຫຼັກ
ວົງສະບາຍ
ວົງສະບາຍອີກຫຼັກ
ວົງສະບາຍ
ວົງສີງານທີ່ຈະປ່ຽນສີທີ່ສອງສາຍ
ຂຽນຂະແນນຄວາມຫຼັກ
ຂະແນນຄວາມທີ່ຈະຫຼຸດລົງ
ຂະແນນຄວາມຫຼາຍສາຍ
ຂະແນນຄວາມທີ່ເປັນການເຊື່ອມ
ການກໍານົດສີຂອງສາຍວົງ, ຂະແນນຄວາມ ຫຼື ວົງກວ້າງ (stroke)
ການກໍານົດຄວາມແຮງຂອງສາຍວົງ, ຂະແນນຄວາມ ຫຼື ວົງກວ້າງ (stroke-width)
ການກໍານົດປະຕູຂອງວົງສະບາຍທີ່ບໍ່ມີປາກົດ (stroke-linecap)
ການກໍານົດພິມຕົວສີສີງານ

SVG ການຈຳລອງ

feGaussianBlur - ຜົນຂອງການຫຼຸດລົງ
feOffset - ຂະຫຍາຍຂະແນນດາວແລະຈະປ່ຽນສີຂອງຊັບສີເປັນສີຂອງຊັບສີຫຼຸດລົງ
feOffset - ຂະຫຍາຍສີຂອງຊັບສີທີ່ຫຼຸດລົງ
feOffset - ຂະຫຍາຍສີຂອງຊັບສີເປັນສີດຳ
feOffset - ຂະຫຍາຍສີຂອງຊັບສີ
feBlend ພິມຕົວ
ພິມຕົວ 1
ພິມຕົວ 2
ພິມຕົວ 3
ພິມຕົວ 4
ພິມຕົວ 5
ພິມຕົວ 6

SVG ການປ່ຽນສີ

ຂະແນນດາວທີ່ຈະປ່ຽນສີຈາກສີເພັງໄປສີແຫ່ງ
ຂະແນນດາວທີ່ຈະປ່ຽນສີຈາກສີເພັງໄປສີແຫ່ງ
ຂະແນນດາວທີ່ຈະປ່ຽນສີຈາກສີເພັງໄປສີແຫ່ງແລະຂະແນນຄວາມ
ຂະແນນດາວທີ່ຈະປ່ຽນສີຈາກສີຂີ້ງໄປສີຫົວ
ຂະແນນດາວທີ່ຈະປ່ຽນສີຈາກສີຂີ້ງໄປສີຫົວ

SVG ປະໂຫຍດ

ຂະແນນດາວທີ່ຈະຫຍຸດຫຼຸດພາຍໃນ 5 ວິນາທີ
ຂະແນນດາວທີ່ຈະປ່ຽນສີແລະຂະຫຍາຍຢ່າງບໍ່ຢຸດ
ຂະແນນດາວທີ່ຈະປ່ຽນສີ
Move text along a motion path
Move, rotate, and scale text along a motion path
Move, rotate, and scale text along a motion path + growing rectangle that changes color
Rotate Ellipse