ربما يكون الأمر الأكثر إثارة من مجرد التعبئة والسكتات هو حقيقة أنه يمكنك أيضًا إنشاء التدرجات اللونية وتطبيقها إما كملء أو حدود. هناك نوعان من التدرجات اللونية: خطي وشعاعييجب أن تعطي التدرج سمة معرف ؛ وإلا فلا يمكن الرجوع إليها بواسطة عناصر أخرى داخل الملف.
كيف تملأ SVG بتدرج خطي؟
فقط استخدم في CSS كل ما ستستخدمه في سمة التعبئة. بالطبع ، هذا يتطلب أن تكون قد حددت التدرج الخطي في مكان ما في SVG الخاص بك. لذلك قمت بإنشاء هذا التدرج اللوني في ملف منفصل ، واستخدمت الملء بهذه الطريقة: fill: url (./ js / gradient. svgMyGradient) ؛.
كيف تستخدم LinearGradient؟
تعين وظيفة التدرج الخطي تدرجًا خطيًا كصورة الخلفية.لإنشاء تدرج خطي ، يجب عليك تحديد توقفين لونيين على الأقلالتوقفات اللونية هي الألوان التي تريد تجسيد انتقالات سلسة بينها. يمكنك أيضًا تعيين نقطة بداية واتجاه (أو زاوية) جنبًا إلى جنب مع تأثير التدرج.
ما هو التدرج الخطي؟
التدرج الخطي هو محدد بواسطة محور - خط التدرج - ونقطتان أو أكثر من نقاط توقف اللون. … يتم تحديد ألوان التدرج بنقطتين أو أكثر: نقطة البداية ، ونقطة النهاية ، وما بينهما ، نقاط توقف اللون الاختيارية.
ما هي علامة التدرج الخطي في HTML؟
يتيح العنصر للمؤلفين تحديد التدرجات اللونية الخطية التي يمكن تطبيقها لتعبئة أو حد العناصر الرسومية.
