Interação HTML5 Canvas Sistema: Animação, Áudio / Vídeo e Eventos do usuário

aplicações HTML5 Canvas comunicar com o navegador host para retornos de chamada de animação, a reprodução de áudio / vídeo, e lidar com eventos do usuário. Isso proporciona um canal de duas vias entre o código javascript eo navegador. código javascript pode ser dado conhecimento das atividades do navegador e instruir o navegador em ações a serem tomadas.

Animação

setInterval (callbackFunction, intervalInMilliseconds)

Comentário: Retorna um ID

setTimeout (callbackFunction, intervalInMilliseconds) window.requestAnimationFrame

Comentário: versões específicas do navegador incluem

 webkitRequestAnimationFrame, mozRequestAnimationFrame, oRequestAnimationFrame, msRequestAnimationFrame

Áudio vídeo

Essas funções fazem referência a um elemento de áudio ou vídeo usando a notação de sintaxe de ponto. Aqui está um exemplo: audioElement.Toque().

canPlayType (fileMimeType)

Comentário: Returns "talvez", "provavelmente", ou ""

setAttribute pausa load () play () () ( "src", "Filesource")

eventos do usuário

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

Comentário: browser comum tipos de eventos janela incluem

 onclick, ondblclick, onmousedown, onmousemove, onmouseover, onmouseout, onmouseup, onkeydown, onkeypress, onkeyup, onctrlKey, onaltKey, onshiftKeycanvas.addEventListener ( "tipo", função, false)

Comentário: lona comum tipos de eventos área incluem

 clique, dblclick, foco, focusIn, focusOut, keydown, keypress, keyup, mousedown, mouseenter, mousemove, mouseover, mouseup, mousewheel, pausa, rolar, touchstart, touchmove, touchend, volumechange

Semelhante

menu