Damit ein Javascript-Canvas auf hochauflösenden Monitoren immer scharf gerendert werden, reicht das Anpassen mit CSS nicht aus.

Um ein Bild im Canvas zu spiegeln, reicht scale(-1,1) allein nicht aus, sondern zuerst muss der Canvas gespiegelt werden, dann zeichnen.

Text, der mit Javascript in ein Canvas gesetzt wird, kann mit den üblichen Eigenschaften wie Schrift, Schriftgröße, Farbe beliebig positioniert werden.

canvas.toBlob wandelt die Zeichnung in einem Canvas-Element in eine Bitmap vom Typ PNG oder JPEG um, z.B. für einen Download.

Canvas ist eine Zeichenfläche, die im HTML mit leeren canvas-Tags angelegt und mit JavaScript on the Fly mit Formen, Linien, Farben und Verläufen gefüllt wird.

classList (add, remove, contains, toggle) fügt Elementen CSS-Klassen ähnlich einfach wie mit jQuery hinzu, entfernt sie oder prüft mit contains, ob ein Element zu einer CSS-Klasse gehört.

Javascript Math enthält Methoden zum Runden, Wurzel ziehen, fürs Rechnen mit Winkeln, Sinus, Cosinus und Tangens und Zufallszahlen. Number() wandeln Strings in Zahlen um.

Node.js setzt anstelle von C oder PHP Javascript für Anwendungen und Webserver ein – Javascript hat unter Node.js Zugriff auf das Dateisystem und Datenbanken.

outerHTML ist das HTML eines Elements mitsamt dem Element selber. outerHTML schließt das Element ein – das ist der Unterschied zum innerHTML eines Elements.

scrollt ein Element in den sichtbaren Bereich des Browserfensters, aber erst mit scroll-behavior: smooth weich anstelle des unvermittelten Sprungs.