網頁上的圖像

現代網站或應用程式通常都配有圖像。我們可以很容易地使用<img> (en-US)元素呈現靜態圖像 , 或藉由使用background-image (en-US) 設定 HTML 的背景元素性質。你常會想要建立動態圖像或在事後操縱圖像。這些文章將讓你知道如何達成這些效果。

2D 圖像

Canvas

<canvas> 元素提供 APIs 讓開發者透過 Javascript 來繪製 2D 圖像.

SVG

可縮放向量圖像(SVG) 讓你可以使用直線,曲線以及其他幾何圖形來編寫圖像。避免使用點陣圖像(bitmaps),你可以創造出適合任何大小的圖像。

3D 圖像

WebGL (en-US)

一份 WebGL 初始指南,網頁用 3D 圖像 API。這項技術讓你在網頁內容使用 standard OpenGL ES。

影片

使用 HTML5 影音 (en-US)

在 HTML 檔案嵌入影片及控制播放。

WebRTC (en-US)

在 WebRTC 中 RTC 是 Real-Time Communications 的簡稱,讓瀏覽器客戶端之間(peers)串流影片/音效檔案與數據分享的技術。