Más contenido relacionado Similar a Html5 Canvas and Media (11) Html5 Canvas and Media4. Games
Multimedia Apps
Charting
15. addColorStop drawImage restore
arc fill rotate
arcTo fillRect save
beginPath fillText scale
bezierCurveTo getImageData setTransform
clearRect isPointInPath stroke
clip lineTo strokeRect
closePath measureText strokeText
createImageData moveTo transform
createLinearGradient putImageData translate
createPattern quadraticCurveTo
createRadialGradient rect
16. data miterLimit
fillStyle shadowBlur
font shadowColor
globalAlpha shadowOffsetX
globalCompositeOperation shadowOffsetY
height strokeStyle
lineCap textAlign
lineJoin textBaseline
lineWidth width
17. addColorStop drawImage restore
arc fill rotate
arcTo fillRect save
beginPath fillText scale
bezierCurveTo getImageData setTransform
clearRect isPointInPath stroke
clip lineTo strokeRect
closePath measureText strokeText
createImageData moveTo transform
createLinearGradient putImageData translate
createPattern quadraticCurveTo
createRadialGradient rect
18. addColorStop drawImage restore
arc fill rotate
arcTo fillRect save
beginPath fillText scale
bezierCurveTo getImageData setTransform
clearRect isPointInPath stroke
clip lineTo strokeRect
closePath measureText strokeText
createImageData moveTo transform
createLinearGradient putImageData translate
createPattern quadraticCurveTo
createRadialGradient rect
19. addColorStop drawImage restore
arc fill rotate
arcTo fillRect save
beginPath fillText scale
bezierCurveTo getImageData setTransform
clearRect isPointInPath stroke
clip lineTo strokeRect
closePath measureText strokeText
createImageData moveTo transform
createLinearGradient putImageData translate
createPattern quadraticCurveTo
createRadialGradient rect
20. addColorStop drawImage restore
arc fill rotate
arcTo fillRect save
beginPath fillText scale
bezierCurveTo getImageData setTransform
clearRect isPointInPath stroke
clip lineTo strokeRect
closePath measureText strokeText
createImageData moveTo transform
createLinearGradient putImageData translate
createPattern quadraticCurveTo
createRadialGradient rect
26. addColorStop drawImage restore
arc fill rotate
arcTo fillRect save
beginPath fillText scale
bezierCurveTo getImageData setTransform
clearRect isPointInPath stroke
clip lineTo strokeRect
closePath measureText strokeText
createImageData moveTo transform
createLinearGradient putImageData translate
createPattern quadraticCurveTo
createRadialGradient rect
31. addColorStop drawImage restore
arc fill rotate
arcTo fillRect save
beginPath fillText scale
bezierCurveTo getImageData setTransform
clearRect isPointInPath stroke
clip lineTo strokeRect
closePath measureText strokeText
createImageData moveTo transform
createLinearGradient putImageData translate
createPattern quadraticCurveTo
createRadialGradient rect
34. addColorStop drawImage restore
arc fill rotate
arcTo fillRect save
beginPath fillText scale
bezierCurveTo getImageData setTransform
clearRect isPointInPath stroke
clip lineTo strokeRect
closePath measureText strokeText
createImageData moveTo transform
createLinearGradient putImageData translate
createPattern quadraticCurveTo toDataURL
createRadialGradient rect
38. addColorStop drawImage restore
arc fill rotate
arcTo fillRect save
beginPath fillText scale
bezierCurveTo getImageData setTransform
clearRect isPointInPath stroke
clip lineTo strokeRect
closePath measureText strokeText
createImageData moveTo transform
createLinearGradient putImageData translate
createPattern quadraticCurveTo toDataURL
createRadialGradient rect
41. addColorStop drawImage restore
arc fill rotate
arcTo fillRect save
beginPath fillText scale
bezierCurveTo getImageData setTransform
clearRect isPointInPath stroke
clip lineTo strokeRect
closePath measureText strokeText
createImageData moveTo transform
createLinearGradient putImageData translate
createPattern quadraticCurveTo toDataURL
createRadialGradient rect
45. addColorStop drawImage restore
arc fill rotate
arcTo fillRect save
beginPath fillText scale
bezierCurveTo getImageData setTransform
clearRect isPointInPath stroke
clip lineTo strokeRect
closePath measureText strokeText
createImageData moveTo transform
createLinearGradient putImageData translate
createPattern quadraticCurveTo toDataURL
createRadialGradient rect
48. 3 7 11
Alpha Alpha Alpha
15 19 23
Alpha Alpha Alpha
56. VP8 Depends 6.0 4.0 Depends Depends
(WebM)
H.264 9 beta X Depends 3.1 X
(MP4)
Ogg Theora X 3.0 3.5 X 10.5
Source: http://en.wikipedia.org/wiki/HTML5_video
57. WAV 9 beta X 3.6 5.1 10.5
MP3 9 beta 6.0 X 5.1 X
Ogg Vorbis X 6.0 3.6 X 10.5
Source: http://html5doctor.com/native-audio-in-the-browser/
Notas del editor C:\\Users\\Suresh.Balla\\Desktop\\Win8\\Html5Demos\\1 - basic\\index.html C:\\Users\\Suresh.Balla\\Desktop\\Win8\\Html5Demos\\2 - advanced\\C-SimpleRectangle.htmlC:\\Users\\Suresh.Balla\\Desktop\\Win8\\Html5Demos\\2 - advanced\\C-Rectangles.html C:\\Users\\Suresh.Balla\\Desktop\\Win8\\Html5Demos\\2 - advanced\\C-RectanglesWithCircles.html C:\\Users\\Suresh.Balla\\Desktop\\Win8\\Html5Demos\\2 - advanced\\C-RectanglesWithCircles.htmlC:\\Users\\Suresh.Balla\\Desktop\\Win8\\Html5Demos\\2 - advanced\\C-UsingArcTo.html (Doesn’t work in IE, but good in chrome and firefox) C:\\Users\\Suresh.Balla\\Desktop\\Win8\\Html5Demos\\2 - advanced\\C-DrawingLines.htmlC:\\Users\\Suresh.Balla\\Desktop\\Win8\\Html5Demos\\2 - advanced\\C-LinesWithCircles.html C:\\Users\\Suresh.Balla\\Desktop\\Win8\\Html5Demos\\2 - advanced\\C-RenderingText.html C:\\Users\\Suresh.Balla\\Desktop\\Win8\\Html5Demos\\2 - advanced\\C-RenderingImages.htmlC:\\Users\\Suresh.Balla\\Desktop\\Win8\\Html5Demos\\2 - advanced\\C-thumbnails.htm C:\\Users\\Suresh.Balla\\Desktop\\Win8\\Html5Demos\\2 - advanced\\C-RenderingVideo.html C:\\Users\\Suresh.Balla\\Desktop\\Win8\\Html5Demos\\2 - advanced\\C-TransformingText.htmlC:\\Users\\Suresh.Balla\\Desktop\\Win8\\Html5Demos\\2 - advanced\\C-WorkingWithTransforms.htmlC:\\Users\\Suresh.Balla\\Desktop\\Win8\\Html5Demos\\2 - advanced\\C-RectanglesWithTransform.htmlC:\\Users\\Suresh.Balla\\Desktop\\Win8\\Html5Demos\\2 - advanced\\C-UnderstandingTransformParameters.html C:\\Users\\Suresh.Balla\\Desktop\\Win8\\Html5Demos\\2 - advanced\\C-GrayScaleImage.html C:\\Users\\Suresh.Balla\\Desktop\\Win8\\Html5Demos\\2 - advanced\\01-basics.htmC:\\Users\\Suresh.Balla\\Desktop\\Win8\\Html5Demos\\2 - advanced\\02-fallback.htmC:\\Users\\Suresh.Balla\\Desktop\\Win8\\Html5Demos\\2 - advanced\\C-thumbnails.htmC:\\Users\\Suresh.Balla\\Desktop\\Win8\\Html5Demos\\2 - advanced\\03-scripted-control.htm