Ich bin neu bei html5 und habe mit der Leinwand herumgespielt. Ich frage mich, wann die Leinwand wirklich notwendig / nützlich sein würde? d.h. wann soll es benutzt werden?
Wenn ich einfache Animationen machen muss, wie zum Beispiel Tags verschieben, brauche ich wirklich einen Canvas oder ist es besser / einfacher jquery / js zu benutzen?
Mit Hilfe von Canvas können Sie 2D-Grafik-Anwendungen, Animationen, einfache Transformation von Bildern (wie Drehen von Bildern), GUI usw. erstellen. Einige Beispiele:
Ein guter Artikel darüber, wie man ihn benutzt, ist hier
Von " Ein Einblick in das HTML5-Canvas-Element ":
Das Canvas-Element ist interessant und würdig, weil es ermöglicht, zum ersten Mal, direktes Zeichnen von Grafiken in einem Browser ohne die Verwenden Sie für ein externes Plugin wie Flash oder Java. Die Schönheit der Leinwand ist das Es wird komplett über einfach gesteuert JavaScript-Code, auf dem es aufbaut die leistungsstarke Funktionalität JavaScript stellt bereits zur Verfügung und benötigt kein a verrückte Lernkurve zu benutzen.
Wählen Sie, um mit der Leinwand zu experimentieren über andere neue Elemente war einfach bis hin zu seiner Funktionalität als Grafik-Plattform, die von Natur aus macht es zu einem potentiell interessanten und reiche Plattform zum Spielen. es war entschied, dass das flexible schieben Leinwandelement würde am meisten produzieren interessante Ergebnisse, die wir nutzen können die Anwendung.
Ein weiterer entscheidender Faktor für die Auswahl Leinwand war, um die Animation zu testen Fähigkeiten und die Möglichkeit davon ein möglicher Flash-Ersatz sein. Jetzt hat Flash offensichtlich Funktionen, die Canvas konnte jedoch nie emulieren Trotzdem ist es ein spannendes Konzept um genau zu sehen, was erreicht werden könnte mit Leinwand, die normalerweise sein würde getan, indem Sie nach Flash greifen.
Lesen Sie diesen Artikel, um weitere nützliche Informationen zu erhalten
PS. Wenn sich Ihre Animation auf bewegte Tags bezieht (wie Teile Ihrer Seite), passt die Leinwand nicht. Canvas dient zur grafischen Darstellung. In diesem Fall werden Sie jquery oder andere JS-Bibliotheken verwenden.
Hier erfahren Sie, wie Sie CSS3-Überblendungen / Animationen oder Canvas verwenden können. Beachten Sie, dass Sie bei Verwendung von jQuery unter den Deckeln nach Möglichkeit CSS3-Übergänge oder Animationen verwenden.
CSS3 Übersetzungen / Animationen - verwenden Sie diese, wenn Sie DOM-Elementstile wie Position und Größe animieren
Canvas-Animationen - Verwenden Sie Canvas-Animationen, wenn Sie etwas Komplexeres animieren, etwa wenn Sie ein Online-Spiel erstellen oder einen Physik-Simulator erstellen. Wenn Sie 3D-Modelle animieren, sollten Sie Canvas verwenden, um WebGL zu verwenden
Canvas ermöglicht Ihnen den Zugriff auf die Pixelebene der Grafiken. Wenn Sie einen Schachbrett-Übergang durchführen möchten, könnten Sie dies mit einem Skript im Canvas tun, aber nicht in jquery.
Einige Beispiele dafür, was möglich ist (bereits geschehen), finden Sie unter Ссылка
