DOM جزء مهم للغاية من الحقل الأمامي على الويب. لن يتم استخدام DOM فقط عند معالجة عناصر HTML ، ولكن أيضًا البرمجة الرسومية. على سبيل المثال ، في رسم SVG ، يتم إدخال الرسومات المختلفة في الصفحة في شكل عقد DOM ، مما يعني أنه يمكن تشغيل الرسومات باستخدام طريقة DOM. على سبيل المثال ، إذا كان هناك عنصر <path id = p1> ، فيمكنك استخدام jQuery مباشرة لإضافة Click Event $ ('#p1'). انقر فوق (function () {...}). ومع ذلك ، لم تعد طريقة معالجة DOM قابلة للتطبيق في قماش HTML5. تستخدم قماش مجموعة أخرى من الآليات. بغض النظر عن عدد الرسومات التي يتم رسمها على قماش ، فإن القماش هو كلي. الرسومات نفسها هي في الواقع جزء من القماش ولا يمكن الحصول عليها بشكل منفصل ، لذلك من المستحيل إضافة أحداث JavaScript مباشرة إلى رسم بياني معين.
قيود قماشفي قماش ، يتم رسم جميع الرسومات على الإطار. لن تقوم طريقة الرسم بإخراج عناصر الرسومات المرسومة كقيمة إرجاع ، ولا يمكن لـ JS الحصول على عناصر الرسومات المرسومة بالفعل. على سبيل المثال:
انسخ الرمز