• 0
abshammeri

تحرير ورسم صور SVG من خلال موقع svg-edit

سؤال

السلام عليكم ،

svg ملف XML ، وبالتالي تعتبر أحد تطبيقات XML ، تسمح بإنشاء صور متجهة " أو كما يسميها البعض شعاعية " ، Vector Graphics، أي أنها مثل الفلاش ، ينتج صور مبنية على معادلات ، وبالتالي لا تتشوه الصورة بالتكبير .

الان يمكن تحرير ورسم الصور في نفس الوقت من خلال موقع انترنت - online - ، من هذا الرابط /

svg-edit

رابط مباشر لاخر نسخة أثناء كتابة هذه الأسطر :

http://svg-edit.goog...svg-editor.html

المحرر مبني على الجافاسكريبت ، والمحرر متميّز وسهل ، ويمكنك استخدام WYSIWYG أو بتحرير ملف XML بشكل مباشر ، وبالتالي تصديره لاستخدامه في تطبيقات أخرى .

طبعاً لا حاجة لأن أقول ، استخدم متصفح متطوّر مثل firefox أو chrome ..

المكتبة في المرفقات لمن لا يستطيع تحميلها بشكل مباشر - النسخة 2.5 .

svg-edit-2.5.zip

1

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه

7 إجابة على هذا السؤال .

  • 0

شكراً لك وبالفعل جاء في وقته، لدي مشروع في الأسابيع المقبلة يتطلب الكثير من الرسم باستخدام svg وربما سأستخدم مكتبة Raphael لهذا الغرض.

0

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه
  • 0
وربما سأستخدم مكتبة Raphael لهذا الغرض.

احتاج لها هذه الأيام أيضاً . ولكن حسب مالاحظته ، أنها تقوم بانتاج svg ، ولكنها لا تساعد على عملية " قراءة صورة svg " ورسمها داخل Div مثلاً ، كما تفعل JQuery SVG . المكتبة يبدو أنها جيدة ، لكن لم أعرف كيف استخدمها بالطريقة التي أريد .

SVG عموماً متعب .. عندما نقوم " بخلطه " مع XHTML . أتعبني كثيراً ..

0

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه
  • 0

من اي جهة متعب اخي ؟؟؟

0

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه
  • 0

المعذرة ، لم انتبه لمشاركتك ..

متعب من جهة أن svg مولود جديد .. وليس كل المتصفحات تدعمه بشكل كامل ، بالاضافة لاختلاف أسلوب وطريقة دمج svg في HTML ، حيث المواصفات تقول باستخدام العنصر : svg بشكل مباشر داخل HTML ، بينما الواقع يقتضي استخدام طرق ملتوية مثل iframe وغيرها .

وهناك مشاكل أخرى ، والحلول التي أعرفها هي باستخدام مكتبات سكربت خاصة ، مثل Raphael أو JQuery SVG ، وهي حلول متعبة .

0

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه
  • 0

تمام ومعك حق

بصراحة انا حاولت معها بدون استخدامها مع موقع متكامل اي ليست عندي خبرة بجلب البيانات ورسم مخطط من خلالها

الان اتعلم linq in .net للتعامل مع ملفات ال xml واراها حل لا باس به

ولكنني لم ارغب لها بسبب ان مشغلها لموقع ادوبي صحيح انها من توصيات ال w3c ولكن لا يوجد مشغل لها على w3c

اما عن الرسم بال canvas لا يدعمه ال ie

اي لم اجد طريقة رسم معيارية بدون مشغل

الحل برايي هي الصور من جهة السيرفر للمخططات ولا حل بديل

ولكن ماذا لو استخدمت xml dom with javascript يمكن اسهل من استخدام مكتبة

بالمناسبة

code.google محجوب بسورية لذلك لم استطع تحميل المكتبة الاولى اذا كان بالامكان ارفاقها هنا

بالتوفيق وشكرا لك لردك

وربنا يجزيكم كل خير

0

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه
  • 0

المكتبة موجودة الان في المرفقات - مشاركة #1 .

ولكن ماذا لو استخدمت xml dom with javascript يمكن اسهل من استخدام مكتبة

هذا اكتشفته لاحقاً :-) . في الأصل أنا لست مطوّر web . كنت حاولت مع Jquery ، ولكن يبدو أن svg له حالة خاصة حيث يمكن معالجة شجرة dom الخاصة به من خلال دوال خاصة مثل getElementsByTagNameNS وأخواتها .لا أعلم الكثير عن هذه النقطة .

1

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه
  • 0

مشكور وربنا يوفقك ويجزيك كل خير

هلق انا بعرف

html dom وما لقيت فارق بين الاثنتين فوارق بسيطة + بعض المواصفات موجودة هنا وغير موجودة هناك والعكس بالعكس

هو مرة كانت فكرة حلوة براسي بس ما طبقتها لصعوبتها انو كيف سجل فيديو حركة لعبة صممتها بالجافا سكريبت

فكرة الفيديو مانا سهلة وحلوة ولكن الكود رح يكون كبير كتير لهيك اهملت الفكرة ولكن ساكتبها عسى ان تكون من ورائها فائدة

عند حركة الكرة يتم تخزين حركاتها بملف xml اي svg عند اعادة العرض

يتم انشاء اغراض بنفس المواصفات كذلك اعادة التحريك بنفس النقطات التي تم تخزينها ضمن ذلك الملف

طبعا هذه الطريقة متاحة بعدة اشكال

مثلا لو اردت معرفة حركات الموس ومن ثم عرضها

مثلا لافترض بهذه المقالة انا احرك المؤشر اقوم بعمل عدد كل واحد ثانية يحفظ احداثيات المؤشر

عند اعادة العرض كمدير لارى تحرجات هذا الشخص من الممكن حلين

xml

ومن خلالها تحريك صورة ضمن الصفحة بنفس صورة المؤشر مع نفس العنوان وبذلك مفس البيانات

او

من خلال ال svg

وهنا تكون العملية معقدة ولكن متعتها شيىء جميل امكانية تحويلها الى فيديو

وبذلك عند عمل ملف svg نقوم بتحويله على طرف السيرفر الى فيديو وبذلك يكون 100 قد حققنا فيديو لحركات المستخدم على الشاشة

اتمنى ان اكون قد حققت فكرة نظرية قد تفيد او يتم تطبيقها بشكل عملي

بصراحة لحديت الان لم اعرف ماهو اختصاصك :)

بالتوفيق وجزاكم الله كل خير

تم تعديل بواسطه X-File
0

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه

من فضلك سجل دخول لتتمكن من التعليق

ستتمكن من اضافه تعليقات بعد التسجيل



سجل دخولك الان

  • يستعرض القسم حالياً   0 members

    لا يوجد أعضاء مسجلين يشاهدون هذه الصفحة .