تعليق: لقد كنت أستخدم حدث نقر SVG لجعل الأمور مؤخرًا. سبب استخدام SVG بدلاً من القماش هو أن العناصر الموجودة في SVG يمكنها إضافة أحداث النقر. بعد ذلك ، دعنا نقدم طريقة الإضافة بالتفصيل. يمكن للأصدقاء المهتمين التعرف على ذلك.
في الآونة الأخيرة ، كنت أستخدم حدث نقرة SVG لصنع الأشياء. سبب استخدام SVG بدلاً من القماش هو أن العناصر الموجودة في SVG يمكنها إضافة أحداث النقر. الفرق التفصيلي بينهما هو على النحو التالي:المقارنة بين القماش و SVG (انظر التفاصيل)
يسرد الجدول التالي بعض الاختلافات بين القماش و SVG.
قماش
• تعتمد على القرار
• معالج الأحداث غير مدعوم
• قدرة عرض النص الضعيفة
• القدرة على حفظ الصور الناتجة بتنسيق .png أو .jpg
• الأفضل للألعاب المكثفة للصور ، والتي يتم طلاؤها في كثير من الأحيان
SVG
• خالية من القرار
• دعم معالجات الأحداث
• الأفضل للتطبيقات ذات المناطق الكبيرة التقديم (مثل خرائط Google)
• التعقيد العالي يمكن أن يتباطأ التقديم (لا يوجد تطبيق يفرط في DOM)
• غير مناسب لتطبيقات الألعاب
يمكن استخدام صفحة الويب المصنوعة بشكل طبيعي تحت Chorme لأنها تدعم الأجهزة المحمولة وهي أيضًا طبيعية للاختبار على Android. ومع ذلك ، عند فتح الصفحة على iPad ، وجدت أن حدث النقر كان عديم الفائدة. راجعت الكثير من المعلومات ووجدت أن سبب المشكلة. في وقت لاحق ، وجدت أن العرض التوضيحي لوصف SVG في W3C يمكن أن يحقق بالفعل تأثير النقر. مقارنة بالرمز ، وجدت أن حدث النقر الذي تمت إضافته إلى عناصر SVG بواسطة jQuery ، وليس هناك وصف لـ OnClick = Circle_Click (EVT) في عناصر SVG. أضفت OnClick = انقر فوق (EVT) وبالفعل يوجد حدث نقرة على عناصر SVG على iPad.