ویژگیهای خط SVG
- صفحه قبل نوشته SVG
- صفحه بعدی فیلترهای SVG
ویژگیهای خط SVG
SVG ویژگیهای خطی گستردهای ارائه میدهد. در این فصل، ما به بحث در مورد موارد زیر خواهیم پرداخت:
stroke
stroke-width
stroke-linecap
stroke-dasharray
تمام ویژگیهای خطی برای هر نوع خط، متن و لبه عناصر (مانند دایره) قابل استفاده هستند.
SVG stroke نمائش
stroke
زیرکار حصہ کا استعمال وار خط، متن یا عناصر کی کیروی کی رنگ کی تعریف کرتا ہے:
یہ SVG کوڈ ہے:
<svg height="80" width="300"> <g fill="none"> <path stroke="red" d="M5 20 l215 0" /> <path stroke="black" d="M5 40 l215 0" /> <path stroke="blue" d="M5 60 l215 0" /> </g> </svg>
SVG stroke-width نمائش
stroke-width
زیرکار حصہ کا استعمال وار خط، متن یا عناصر کی کیروی کی باریکی کی تعریف کرتا ہے:
یہ SVG کوڈ ہے:
<svg height="80" width="300"> <g fill="none" stroke="black"> <path stroke-width="2" d="M5 20 l215 0" /> <path stroke-width="4" d="M5 40 l215 0" /> <path stroke-width="6" d="M5 60 l215 0" /> </g> </svg>
SVG stroke-linecap نمائش
stroke-linecap
زیرکار حصہ کا استعمال وار کھلی راستے کی مختلف گونه کے آخری پوائنٹ کی تعریف کرتا ہے:
یہ SVG کوڈ ہے:
<svg height="80" width="300"> <g fill="none" stroke="black" stroke-width="6"> <path stroke-linecap="butt" d="M5 20 l215 0" /> <path stroke-linecap="round" d="M5 40 l215 0" /> <path stroke-linecap="square" d="M5 60 l215 0" /> </g> </svg>
SVG stroke-dasharray نمائش
stroke-dasharray
زیرکار حصہ کا استعمال وار بکشتی درست کرنے کیلئے کیا جاتا ہے:
یہ SVG کوڈ ہے:
<svg height="80" width="300"> <g fill="none" stroke="black" stroke-width="4"> <path stroke-dasharray="5,5" d="M5 20 l215 0" /> <path stroke-dasharray="10,10" d="M5 40 l215 0" /> <path stroke-dasharray="20,10,5,5,5,10" d="M5 60 l215 0" /> </g> </svg>
- صفحه قبل نوشته SVG
- صفحه بعدی فیلترهای SVG