DOM ist ein sehr wichtiger Teil des Web-Front-End-Feldes. DOM wird nicht nur bei der Verarbeitung von HTML -Elementen verwendet, sondern auch grafische Programmierung. In der SVG -Zeichnung werden beispielsweise verschiedene Grafiken in Form von DOM -Knoten in die Seite eingefügt, was bedeutet, dass die Grafiken mit der DOM -Methode betrieben werden können. Wenn beispielsweise ein Element <Path ID = P1> vorhanden ist, können Sie JQuery direkt verwenden, um Click -Ereignis $ ('#p1') hinzuzufügen. Click (function () {…}). Diese DOM -Verarbeitungsmethode ist jedoch in HTML5 -Leinwand nicht mehr anwendbar. Canvas verwendet einen anderen Satz von Mechanismen. Egal wie viele Grafiken auf Leinwand gezogen werden, Canvas ist ein Ganzes. Die Grafiken selbst sind tatsächlich Teil von Leinwand und können nicht separat erhalten werden. Daher ist es unmöglich, JavaScript -Ereignissen direkt zu einem bestimmten Diagramm hinzuzufügen.
Einschränkungen der LeinwandIn Leinwand werden alle Grafiken auf dem Rahmen gezeichnet. Die Zeichnungsmethode gibt die gezeichneten Grafikelemente nicht als Rückgabewert aus, und JS kann die bereits gezeichneten Grafikelemente nicht erhalten. Zum Beispiel:
Kopieren Sie den Code