解析 HTML5:應用實例
2010-07-04 22:48 阿傑
點閱:1157


以下是一些 HTML5 的應用實例。若要順利使用以下功能,請使用最新版本的 Safari、Firefox、Chrome 或 Opera 瀏覽器。Firefox 和 Opera 可能無法支援其中的某些功能。

<video> 影片標記

不需依靠外掛模組即可播放影片

<canvas> 繪圖區塊

直接在 canvas 中繪製圖形

SVG 向量繪圖

可任意縮放而不失真的向量圖形


(引自 http://plurib.us/svg_gallery/)

嵌入字體

網頁可主動提供字體並加以運用

Custom Font

<ruby> 標記

為東亞文字提供注音

ㄉㄚˋㄐㄧㄚㄏㄠˇ

Transformation 轉換

將游標移到以下圖文即會旋轉

HTML5

如需 HTML5 基本介紹,請回到解析 HTML5:基本介紹

瀏覽所有文章 >

回應:


Leon

為什麼那個transformation不能用在Firefox呢?Firefox 4.0b1 出了,可是還是不能看,而且連ruby也變得有問題了....

2010-07-06 19:43:37
 

對於HTML5,iPhone跟iPad的Safari支援度,反而沒有Mac和PC的好,有些效果在iPhone上都出不來。

2010-07-11 12:40:01
 

Mavis

請問"繪圖區塊"如何使用? 可以用滑鼠畫嗎?
因為用Firefox, Safari, Chrome都沒反應...
還是這是未來會支援的功能

2010-07-15 21:15:11
 

抱歉,可能沒說清楚,那個繪圖區塊是必須用程式來畫的,上面的圖案就是用這個網頁中一段JavaScript畫出的。當然,如果要用程式做到讓使用者自由畫畫,照理說也是做得到的,只是程式設計師要再費些工夫,而不是HTML5直接支援的功能。

2010-07-15 22:11:36
 

歡迎您發表意見。請先登入註冊。