Html5 système de toile interaction: les événements d'animation, audio / vidéo, et l'utilisateur
Applications HTML5 Canvas communiquent avec le navigateur d'accueil pour les rappels d'animation, la lecture audio / vidéo, et la gestion des événements de l'utilisateur. Cela fournit un canal bidirectionnel entre le code javascript et le navigateur. Code javascript peut être mis au courant des activités de navigateur et de charger le navigateur sur les mesures à prendre.
Animation
setInterval (callbackFunction, intervalInMilliseconds)
Commentaire: Renvoie un ID
setTimeout (callbackFunction, intervalInMilliseconds) window.requestAnimationFrame
Commentaire: Les versions spécifiques à un navigateur comprennent
webkitRequestAnimationFrame, mozRequestAnimationFrame, oRequestAnimationFrame, msRequestAnimationFrame
Audio Video
Ces fonctions font référence à un élément audio ou vidéo en utilisant la notation de la syntaxe à point. Voici un exemple: AudioElement.jouer().
canPlayType (fileMimeType)
Commentaire: retours "peut être", "probablement", ou ""
load () play () pause () setAttribute ("src", "FileSource")
Les événements utilisateur
document.onkeydown = function (event) {clé var = event.keyCode-. . .}
Commentaire: Les types d'événements de la fenêtre du navigateur Common comprennent
onclick, ondblclick, onmousedown, onmousemove, onmouseover, onmouseout, onmouseup, onkeydown, onkeypress, onkeyup, onctrlKey, onaltKey, onshiftKeycanvas.addEventListener ("type", la fonction, false)
Commentaire: Les types d'événements de zone canevas commun comprennent
clic, dblclick, focus, focusin, focusout, keydown, pression de touche, keyup, mousedown, mouseenter, mousemove, passage de la souris, mouseup, roulette de la souris, pause, défilement, touchstart, TouchMove, touchEnd, volumechange