إنشاء/تعديل الصور في جافا سكريبت

Question

هل من الممكن ان إنشاء وتعديل الصور بشكل ديناميكي على لكل مستوى بكسل في جافا سكريبت (من جانب العميل)؟أو هل يجب أن يتم ذلك باستخدام لغة تعتمد على الخادم، مثل PHP؟

حالة الاستخدام الخاصة بي هي كما يلي:

• يفتح المستخدم صفحة ويب ويقوم بتحميل الصورة المخزنة محليًا
• يتم عرض معاينة للصورة
• يمكن للمستخدم تعديل الصورة بمجموعة من أشرطة التمرير (عمليات على مستوى البكسل)
• في النهاية يمكنه تنزيل الصورة على محرك الأقراص الثابتة المحلي الخاص به

عند البحث في الويب، عثرت للتو على منشورات حول استخدام طريقة التصفية الخاصة بـ IE، ولكن لم أجد أي شيء حول وظائف تحرير الصور في JavaScript.

Answer 1

يجب أن يتم ذلك على جانب الخادم.أحد الأشياء التي قد تفكر في القيام بها هو السماح بإجراء كل عمليات التحرير من جانب العميل، ثم في النهاية نشر الصورة النهائية (عبر AJAX) إلى الخادم للسماح له بإعادتها إليك كنوع MIME الصحيح، وبشكل صحيح معباه.

Answer 2

تدعم بعض المتصفحات اللوحة القماشية:http://developer.mozilla.org/En/Drawing_Graphics_with_Canvas

Answer 3

قد ترغب في التحقق من ذلك معالجة.js.كتبه جون ريسيج من jQuery الشهير.وهو يدعم معالجة البكسل، ولسوء الحظ فإن Firefox 3 فقط يمكنه التعامل معها بشكل كافٍ.

Answer 4

أنظر أيضا عناوين URL للبيانات (على الرغم من أن إصدارات IE الأقل من 8 لا تدعمها، للأسف!)

Answer 5

يمكنك أن تتخيل مجموعة من أدوات JS التي ستسمح للمستخدم بتحديد نوع التحويل الذي يريد القيام به، ولكن العمل النهائي للتحويل يجب أن يتم على جانب الخادم.JS من جانب العميل غير قادر على إنشاء ملف، لأسباب أمنية.

Answer 6

يحاول أداة إعادة استهداف الصور من Allicorn - يبدو أن هذا هو ما تبحث عنه.

Answer 7

من المفترض أن تكون معالجة الصور المحلية في JavaScript ممكنة - قم بإلقاء نظرة عليها المدافع عن فافيكون.؛-) السؤال هو كيفية الحصول على الصورة الأصلية من نظام الملفات إلى صفحتك (لا أعرف أي طريقة أخرى غير إجراء تحميل HTTP إلى الخادم أولاً).