عنصر <pattern> لـ SVG

يمكن استخدام عنصر <pattern> في SVG لتعريف الأنماط. يتم استخدامه لملء العناصر الإشعاعية بطريقة تماثلية.

لإكمال تعبئة أو رسم دائرة حول عنصر، يجب استخدام عنصر pattern. يسمح عنصر pattern لتكرار الصور المحددة بصفة دائمة على المحورين الأفقية والعمودية (أو التماثل) لتغطية منطقة التلوين. أولاً، يتم تعريف النمط باستخدام عنصر pattern، ثم يتم مرجعته باستخدام الخاصية fill أو stroke على العنصر الإشعاعي المحدد لاستخدامه لتعبئة أو رسم دائرة.

<svg　width="120"　height="120"　viewBox="0　0　120　120"　　　　
xmlns="http://www.w3.org/2000/svg"　version="1.1"　　　　
xmlns:xlink="http://www.w3.org/1999/xlink">　　　　
<defs>　　　　
<pattern id="Triangle" width="10" height="10" patternUnits="userSpaceOnUse">　　　　
<polygon points="5,0 10,10 0,10"/>　　　　
　　　　</pattern>　　　　
</defs>　　　　
<circle cx="60" cy="60" r="50" fill="url(#Triangle)"/>　　　　
</svg>

تأثير التنفيذ كالتالي:

توضيح الاستخدام

• يحدد خاصية id لعنصر <pattern> اسم النمط الفريد.

• يستخدم patternUnits لتحديد خصائص x، y، العرض والارتفاع.

• cx و cy هي إحداثيات المحيط البصري للنمط على المحور x و y.