Latest web development tutorials

คุณสมบัติ SVG โรคหลอดเลือดสมอง

คุณสมบัติ SVG โรคหลอดเลือดสมอง

SVG ให้บริการที่หลากหลายของคุณลักษณะโรคหลอดเลือดสมอง ในบทนี้เราจะมาดูต่อไปนี้:

  • ลากเส้น
  • โรคหลอดเลือดสมองที่มีความกว้าง
  • จังหวะ linecap
  • จังหวะ dasharray

แอตทริบิวต์จังหวะที่ทุกคนสามารถนำไปใช้กับชนิดของเส้นข้อความและองค์ประกอบใด ๆ เช่นร่างวงกลม


คุณสมบัติจังหวะ SVG

แอตทริบิวต์โรคหลอดเลือดสมองกำหนดเส้นหรือสีข้อความองค์ประกอบเค้าโครง:

นี่คือรหัส SVG:

ตัวอย่าง

<xmlns อน = "http://www.w3.org/2000/svg" รุ่น = "1.1">
<G กรอก = "ไม่มี">
<path จังหวะ = "สีแดง" D = "M5 20 L215 0" />
<path จังหวะ = "สีฟ้า" D = "M5 40 L215 0" />
<path จังหวะ = "สีดำ" D = "M5 60 L215 0" />
</ G>
</ อน>

ลอง»

สำหรับผู้ใช้ Opera: ไฟล์ SVG มุมมอง (คลิกขวาบนกราฟิกแหล่งที่มาแสดงตัวอย่าง SVG)


SVG จังหวะกว้างแอตทริบิวต์

Tstroke- คุณลักษณะกว้างกำหนดเส้นหรือความหนาข้อความองค์ประกอบเค้าโครง:

นี่คือรหัส SVG:

ตัวอย่าง

<xmlns อน = "http://www.w3.org/2000/svg" รุ่น = "1.1">
<G เติม = "ไม่มี" จังหวะ = "สีดำ">
<path จังหวะ width = "2" D = "M5 20 L215 0" />
<path จังหวะ width = "4" D = "M5 40 L215 0" />
<path จังหวะ width = "6" D = "M5 60 L215 0" />
</ G>
</ อน>

ลอง»

สำหรับผู้ใช้ Opera: ไฟล์ SVG มุมมอง (คลิกขวาบนกราฟิกแหล่งที่มาแสดงตัวอย่าง SVG)


SVG คุณสมบัติจังหวะ linecap

แอตทริบิวต์ strokelinecap กำหนดจุดสิ้นสุดของเส้นทางที่เปิดกว้างของประเภทที่แตกต่างกัน:

นี่คือรหัส SVG:

ตัวอย่าง

<xmlns อน = "http://www.w3.org/2000/svg" รุ่น = "1.1">
<G เติม = "ไม่มี" จังหวะ = "สีดำ" โรคหลอดเลือดสมองที่มีความกว้าง = "6">
<path จังหวะ linecap = "ก้น" D = "M5 20 L215 0" />
<path จังหวะ linecap = "รอบ" D = "M5 40 L215 0" />
<path จังหวะ linecap = "ตาราง" D = "M5 60 L215 0" />
</ G>
</ อน>

ลอง»

สำหรับผู้ใช้ Opera: ไฟล์ SVG มุมมอง (คลิกขวาบนกราฟิกแหล่งที่มาแสดงตัวอย่าง SVG)


SVG คุณสมบัติจังหวะ dasharray

strokedasharray ทรัพย์สินที่ใช้ในการสร้างเส้นประ:

นี่คือรหัส SVG:

ตัวอย่าง

<xmlns อน = "http://www.w3.org/2000/svg" รุ่น = "1.1">
<G เติม = "ไม่มี" จังหวะ = "สีดำ" จังหวะ width = "4">
<path จังหวะ dasharray = "5,5" D = "M5 20 L215 0" />
<path จังหวะ dasharray = "10,10" D = "M5 40 L215 0" />
<path จังหวะ dasharray = "20,10,5,5,5,10" D = "M5 60 L215 0" />
</ G>
</ อน>

ลอง»

สำหรับผู้ใช้ Opera: ไฟล์ SVG มุมมอง (คลิกขวาบนกราฟิกแหล่งที่มาแสดงตัวอย่าง SVG)