บทช่วยสอน โค้ง SVG ที่ดีที่สุดในปี 2024 ในบทช่วยสอนนี้ คุณสามารถเรียนรู้
โค้ง SVG - <เส้น>,ตัวอย่างที่ 1,ตัวอย่าง,ตัวอย่างที่ 2,ตัวอย่าง,
โค้ง SVG
โค้ง SVG - <เส้น>
ตัวอย่างที่ 1
<Polyline> องค์ประกอบที่ใช้ในการสร้างรูปร่างใด ๆ เพียงบรรทัด:
นี่คือรหัส SVG:
ตัวอย่าง
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<polyline points="20,20 40,25 60,40 80,120 120,140 200,180"
style="fill:none;stroke:black;stroke-width:3" />
</svg>
ลอง» F สำหรับผู้ใช้ Opera: ดูไฟล์ SVG (คลิกขวาบนกราฟิกแหล่งที่มาแสดงตัวอย่าง SVG)
ตัวอย่างที่ 2
เพียงตัวอย่างหนึ่งของเส้น:
นี่คือรหัส SVG:
ตัวอย่าง
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<polyline points="0,40 40,40 40,80 80,80 80,120 120,120 120,160"
style="fill:white;stroke:red;stroke-width:4"/>
</svg>
ลอง» F สำหรับผู้ใช้ Opera: ดูไฟล์ SVG (คลิกขวาบนกราฟิกแหล่งที่มาแสดงตัวอย่าง SVG)