HTML5 Canvas-System-Interaktion: Animation, Audio / Video und User-Events

HTML5 Canvas-Anwendungen kommunizieren mit dem Host-Browser für die Animation Rückrufe, die Wiedergabe von Audio / Video- und Benutzerereignisse Handhabung. Dies liefert eine Zweiwegekanal zwischen javascript-Code und dem Browser. javascript-Code kann bewusst Browser-Aktivitäten gemacht werden und den Browser auf Maßnahmen zu ergreifen, unterweisen.

Menu

Animation

setInterval (callback, intervalInMilliseconds)

Kommentar: Gibt eine ID

setTimeout (callback, intervalInMilliseconds) window.requestAnimationFrame

Kommentar: Browser-spezifischen Versionen enthalten

 webkitRequestAnimationFrame, mozRequestAnimationFrame, oRequestAnimationFrame, msRequestAnimationFrame

Audio / Video-

Diese Funktionen verweisen auf ein Audio- oder Video-Element mit Punkt-Syntax Notation. Hier ist ein Beispiel: audioElement.spielen().

canPlayType (fileMimeType)

Kommentar: Returns "könnte sein", "wahrscheinlich", oder ""

load () play () pause () setAttribute ( "src", "filesource")

Benutzerereignisse

document.onkeydown = function (event) {var key = event.keyCode-. . .}

Kommentar: Gemeinsame Browserfenster Ereignistypen umfassen

 onclick, ondblclick, onmousedown, onmousemove, onmouseover, onmouseout, onmouseup, onkeydown, onkeypress, onkeyup, onctrlKey, onaltKey, onshiftKeycanvas.addEventListener ( "Typ", Funktion, false)

Kommentar: Gemeinsame Canvas-Bereich Ereignistypen umfassen

 Klick, dblclick, Fokus, focusin, focusout, keydown, keypress, keyup, mousedown-, MouseEnter-, mousemove-, Mouseover, mouseup, Mausrad, Pause, rolle, touchstart, Touchmove, touchend, volume

Ähnliche

Menü