ایس وی جی <path>

<path> تگ برای تعریف مسیر استفاده می‌شود.

<path> تگ

<path> تگ برای تعریف مسیر استفاده می‌شود.

دستورات زیر برای داده‌های مسیر قابل استفاده هستند:

  • M = حرکت به بالا
  • L = خط به بالا
  • H = خط عمودی به چپ
  • V = خط افقی به بالا
  • C = منحنی
  • S = منحنی نرم
  • Q = منحنی مکعبی بلژیک
  • T = منحنی مکعبی بلژیک نرم
  • A = منحنی هلالی
  • Z = بستن مسیر

توجه:تمام دستورات بالا از حروف کوچک مجاز هستند. حروف بزرگ نشان‌دهنده قرارگیری مطلق هستند و حروف کوچک نشان‌دهنده قرارگیری نسبی هستند.

لطفاً کد زیر را به یک یادداشت‌نویس کپی کنید و فایل را به عنوان "path1.svg" ذخیره کنید. این فایل را در دایرکتوری وب خود قرار دهید:

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<path d="M250 150 L150 350 L350 350 Z" />
</svg>

مثال بالا یک مسیر را تعریف می‌کند که از موقعیت 250 150 شروع می‌شود و به موقعیت 150 350 می‌رسد، سپس از آنجا به 350 350 ادامه می‌دهد و در نهایت مسیر را در 250 150 بست.

مثال دیکھیں

مثال نیچک می‌خواهد یک حلقه را ایجاد کند:

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" version="1.1"
xmlns="http://www.w3.org/2000/svg">
مثال دیکھیں