現代網站或應用程式通常都配有圖像。我們可以很容易地使用<img>元素呈現靜態圖像 , 或藉由使用background-image 設定HTML的背景元素性質。你常會想要建立動態圖像或在事後操縱圖像。這些文章將讓你知道如何達成這些效果。
2D 圖像
- Canvas
<canvas>元素提供 APIs讓開發者透過Javascript來繪製2D圖像.- SVG
- 可縮放向量圖像(SVG) 讓你可以使用直線，曲線以及其他幾何圖形來編寫圖像。避免使用點陣圖像(bitmaps)，你可以創造出適合任何大小的圖像。
3D 圖像
- WebGL
- 一份WebGL初始指南，網頁用3D 圖像 API。這項技術讓你在網頁內容使用standard OpenGL ES。
影片
- 使用 HTML5 影音
- 在 HTML 檔案嵌入影片及控制播放。
- WebRTC
- 在WebRTC 中 RTC 是 Real-Time Communications 的簡稱，讓瀏覽器客戶端之間(peers)串流影片/音效檔案與數據分享的技術。