MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/d6d7ff2e2f9c

現代網站或應用程式通常都配有圖像。我們可以很容易地使用<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)串流影片/音效檔案與數據分享的技術。

 

文件標籤與貢獻者

 此頁面的貢獻者: pytseng
 最近更新: pytseng,