تضمين SVG في Xul

Question

أريد تضمين SVG في Xul. حاولت استخدام هذا البرنامج التعليمي الأمر الذي يتطلب لصق رمز SVG في تطبيق XUL وهو يعمل ولكن هذا غير نظيف. أريد أن أبقي ملفات SVG و XUL منفصلة ، وأود أن أرغب في استخدام ملف CSS منفصل لجزء SVG ، أي أمثلة على كيفية القيام بذلك؟

Answer 1

يمكنك استخدام Xul-Overlays:

1) أعلن التراكب في الجزء العلوي من ملف XUL الخاص بك:

<?xul-overlay href="africa.svg"?>

2) تحديد عنصر SVG حاوية فارغة داخل ملف XUL الخاص بك وتعيين نفس المعرف إليه فيما يتعلق بعنصر SVG الرئيسي في الملف المضمّن.

<box>
  <svg:svg id="mapa" />
</box>

3) تذكر استخدام مساحة اسم منفصلة لجزء SVG (انظر SVG: SVG أعلاه) وأعلن ذلك.

<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
    xmlns:svg="http://www.w3.org/2000/svg">

4) اجعل ملف SVG الخاص بك تراكبًا عن طريق وضع إعلان تراكب في كل مكان (أخشى أن يتعين عليك القيام بذلك).

<overlay xmlns="http://www.w3.org/2000/svg">
 <svg id="mapa">
  ...
</overlay>

حول ملفات CSS منفصلة: فقط قم بإنشاء اثنين منها وقم بتضمينها أينما تريد - حتى في تراكب SVG.

قد ترغب في النظر داخل مثال عاملة - اختبار جغرافيا صغير أنشأته منذ سنوات وتم تحديثه بالأمس فقط لجعله يعمل مرة أخرى في Firefoxes الحالية:

http://open-projects.net/~nico/countryquiz/

مجرد إلقاء نظرة على الملفات المصدر!