تمثل رسومات SVG جزءًا من كل مشروع حديث تقريبًا، من أيقونات التطبيقات والمخططات إلى التقارير المرئية ولوحات التحكم. ولكن ماذا لو كنت تستطيع ضبط ألوانها مباشرة من كود بايثون الخاص بك؟ بدلاً من فتح كل ملف في أداة رسومات، يمكنك أتمتة العملية في بضع سطور فقط. سواء كنت تصمم لوحات التحكم، أو تولّد تقارير، أو تقوم بتخصيص أيقونات التطبيقات، فإن تغيير ألوان SVG باستخدام بايثون يمكن أن يوفر لك الكثير من الوقت. مع Aspose.SVG لبايثون، يمكنك بسهولة تحميل SVG، وتعديل ألوان التعبئة الخاصة به، وحفظ النسخة المحدثة بدقة وتحكم. في هذا الدليل، سنرشدك لكيفية تغيير لون تعبئة SVG في بايثون.

ما هو لون تعبئة SVG؟

SVG (Scalable Vector Graphics) هو تنسيق صورة مستند إلى XML يتوسع دون فقدان الجودة. يمكن أن تحتوي كل شكل، مثل <circle>، <rect>، أو <path> على سمة تعبئة تحدد لونها الداخلي.

على سبيل المثال:

<rect width="100" height="50" fill="blue" />

تغيير fill="blue" إلى fill="red" يجعل المستطيل أحمر على الفور. بسيط لشكل واحد، ولكن إذا كنت تعمل مع مئات من SVGs أو توليد تقارير بصرية ديناميكياً، فإن القيام بذلك يدوياً ليس قابلاً للتوسع. هنا يأتي دور أتمتة بايثون.

لماذا تغيير لون تعبئة SVG في بايثون؟

هناك العديد من الحالات الواقعية لتعديل ألوان تعبئة SVG برمجياً:

  • تصوير البيانات الديناميكية: تطبيق لوحات ألوان مخصصة على المخططات أو لوحات المعلومات.
  • اتساق العلامة التجارية: استخدام ألوان العلامة التجارية تلقائيًا في الرسوم البيانية المولدة.
  • ثيمات الفاتح/الداكن: إعادة لون أيقونات واجهة المستخدم لتتناسب مع ثيمات التطبيق.
  • الأتمتة: تحديث عدة ملفات SVG دون فتح أداة التصميم.

بدلاً من استخدام Inkscape أو Illustrator، دع بايثون يتولى الأمر بسرعة وثبات وبشكل آلي تمامًا.

مع Aspose.SVG for Python، يمكنك تحليل وتعديل وتصدير رسومات SVG بكل سهولة دون أي تبعيات من جهات خارجية.

قم بتثبيت Aspose.SVG for Python

قم بتثبيت المكتبة من PyPI:

pip install aspose-svg-net

ملاحظة: يمكنك أيضًا تنزيل Aspose.SVG for Python من releases.

ثم قم باستيراده إلى مشروعك:

import aspose.svg as svg

قم بتغيير لون التعبئة في SVG باستخدام بايثون

لنبدأ ببساطة. سنقوم بتحميل ملف SVG موجود، وتغيير لون التعبئة، وحفظ النسخة المحدثة.

اتبع الخطوات أدناه لتغيير لون ملء SVG:

  1. تحميل ملف SVG إلى SVGDocument.
  2. الوصول إلى عنصر الجذر.
  3. ابحث عن العنصر الذي تريد إعادة تلوينه.
  4. تحديث خاصية fill الخاصة بها.
  5. احفظ الملف المحدث.

الكود النموذجي التالي يوضح كيفية تحميل ملف SVG موجود وتغيير لون التعبئة له:

import aspose.svg as svg

# 1. تحميل مستند SVG
document = svg.SVGDocument("sample.svg")

# 2. الحصول على عنصر SVG الجذر من الوثيقة
svgElement = document.root_element

# 3. ابحث عن جميع عناصر الدائرة في عنصر g
circleNodes = svgElement.query_selector("circle")

# 4. احصل على العنصر الدائري الأول واضبط خصائص التعبئة
circleNodes.set_attribute("fill", "#0F0")          # bright green
circleNodes.set_attribute("fill-opacity", "0.3")   # 30% opacity

# 5. احفظ ملف SVG المحدث
document.save("sample_updated.svg")
تغيير لون التعبئة في SVG باستخدام بايثون

تغيير لون التعبئة SVG في بايثون – خطوة بخطوة.

Please find below the content of the circle element of sample.svg image.

  <!-- Circle element -->
  <circle cx="60" cy="75" r="30" fill="#FF6347" stroke="#000" stroke-width="2" />

ها هي محتويات العنصر الدائري المحدثة لصورة sampleupdated.svg.

  <!-- Circle element -->
  <circle cx="60" cy="75" r="30" fill="#0F0" stroke="#000" stroke-width="2" fill-opacity="0.3"/>

ملء مسار SVG باستخدام بايثون

يمكنك أيضًا تعديل عنصر <path> معين، وهو مفيد للرموز أو الأشكال المتجهة.

لتعيين لون التعبئة لعنصر <path> في SVG موجود، اتبع الخطوات التالية:

  1. قم بتحميل SVG باستخدام SVGDocument.
  2. الوصول إلى عنصر الجذر.
  3. اختر الهدف <path> باستخدام query_selector().
  4. قم بتعيين fill (و fill-opacity الاختياري).
  5. Save the result.

إليك مقتطف الشيفرة الذي يوضح ملء عنصر المسار في بايثون.

import aspose.svg as svg

# 1. تحميل مستند SVG
document = svg.SVGDocument("simple-path.svg")

# 2. احصل على عنصر SVG الجذري من المستند
svgElement = document.root_element

# 3. ابحث عن جميع عناصر الدائرة في عنصر g
circle_element = svgElement.query_selector("path:nth-child(1)")

# 4. احصل على العنصر الدائري الأول واضبط خصائص التعبئة
circle_element.set_attribute("fill", "#0F0")  # bright green
circle_element.set_attribute("fill-opacity", "0.3")  # 30% opacity

# 5. احفظ SVG المحدّثة
document.save("simple-path-updated.svg")
املأ مسار SVG باستخدام بايثون

املأ مسار SVG باستخدام بايثون.

يرجى العثور أدناه على محتوى صورة Sample-Path.svg.

<svg height="400" width="800" xmlns="http://www.w3.org/2000/svg">
	<g stroke="black">
		<path d="M 10 100 Q 25 10 180 100 T 250 100 T 300 100 T 390 130" stroke="red" stroke-width="3" fill="none" />
    </g>
</svg>

يرجى العثور أدناه على محتوى صورة simple-path-updated.svg.

<svg height="400" width="800" xmlns="http://www.w3.org/2000/svg">
	<g stroke="black">
		<path d="M 10 100 Q 25 10 180 100 T 250 100 T 300 100 T 390 130" stroke="red" stroke-width="3" fill="#0F0" fill-opacity="0.3"/>
    </g>
</svg>

تطبيق تعبئة SVG عبر سمة النمط

يمكنك أيضًا تعيين لون تعبئة SVG باستخدام خاصية الـ style، تمامًا مثل CSS المضمنة. اتبع هذه الخطوات:

  1. قم بتحميل SVG باستخدام SVGDocument(path).
  2. الوصول إلى عنصر الجذر.
  3. استخدم query_selector() لاختيار العنصر.
  4. قم بتحديث style الخاص به باستخدام set_attribute().
  5. احفظ ملف SVG المعدل.

يوضح مثال الكود التالي كيفية تغيير لون تعبئة SVG باستخدام خاصية النمط:

import aspose.svg as svg

# 1. تحميل ملف SVG موجود
document = svg.SVGDocument("sample.svg")

# 2. عنصر الجذر
root = document.root_element

# 3. اختر العنصر الذي تريد تلوينه (اختر محددًا واحدًا)
target = root.query_selector("circle")  # or "path", ".some-class", "#myPath"

# 4. تطبيق لون التعبئة باستخدام خاصية النمط
target.set_attribute("style", "fill:blue")

# 5. حفظ النتيجة
document.save("ApplyStyle.svg")
قم بتطبيق تعبئة SVG باستخدام خاصية النمط في بايثون

تطبيق تعبئة SVG باستخدام سمة النمط في بايثون.

  <!-- Circle element -->
  <circle cx="60" cy="75" r="30" fill="#FF6347" stroke="#000" stroke-width="2" style="fill: blue;"/>

احصل على ترخيص Aspose مجاني

لإلغاء قفل الوظائف الكاملة وإزالة حدود التقييم، اطلب الحصول على ترخيص مؤقت مجاني من Aspose. إنه يتيح لك اختبار كل ميزة بدون قيود.

موارد التعلم المجانية

هنا بعض الموارد لمساعدتك على استكشاف المزيد:

لون تعبئة SVG : الأسئلة الشائعة

Q: هل يمكن لـ Aspose.SVG التعامل مع التدرجات أو التعبئة شبه الشفافة؟

A: نعم، إنه يدعم التدرجات، والشفافية، والتعبئة بالنمط، جميعها يمكن الوصول إليها من خلال التلاعب بالسمات.

Q: ماذا لو كان الـ SVG الخاص بي يستخدم CSS للألوان؟

A: يمكنك تعديل خاصية النمط أو تحرير قواعد الداخلية مباشرة.

س: هل يمكنني تصدير ملفات SVG المعدلة إلى تنسيقات أخرى مثل PNG أو PDF؟

A: بالتأكيد. يمكن لـ Aspose.SVG تحويل SVGs إلى تنسيقات PNG أو JPG أو BMP أو PDF.

س: هل يعتمد على برامج خارجية؟

A: لا. Aspose.SVG يعمل بشكل مستقل. لا حاجة إلى Inkscape أو Illustrator أو أدوات أخرى.

استنتاج

في هذه المقالة، لقد تعلمت كيفية تغيير ألوان تعبئة SVG في بايثون باستخدام Aspose.SVG لبايثون. إنه يوفر لك السيطرة الكاملة من تحميل وتحرير العناصر إلى حفظ وحتى تصدير نتائجك كـ PNG.

هذا النهج يمنحك السيطرة الكاملة على:

  • إعادة تلوين الأيقونات والرسوم البيانية
  • أتمتة تصميم السمات
  • تحديث أصول المتجهات ديناميكياً

مع Aspose.SVG، يصبح رمزك مساعد تصميمك الذي يتعامل مع التعديلات المتكررة بدقة وسهولة.

تحتاج إلى المساعدة؟ قم بزيارة منتدى الدعم المجاني للحصول على مساعدة مباشرة من المطورين.

انظر أيضًا