HTML5 CSS 和 canvas

    同大多數(shù)HTML元素一樣，canvas元素也可以通過應(yīng)用CSS的方式來增加邊框，設(shè)置內(nèi)邊距、外邊距等，而且一些CSS屬性還可以被canvas內(nèi)的元素繼承。比如，應(yīng)用字體樣式在canvas內(nèi)添加文字，其樣式默認(rèn)同canvas元素本身是一樣的。在canvas中為context設(shè)置屬性，同樣要遵從CSS語 I例如，對(duì)context應(yīng)用顏色和字體樣式，跟在任何HTML和CSS文檔中使用的語法完全一樣。

    除了舊以外，其他所有的瀏覽器現(xiàn)在都提供對(duì)HTML5 canvas的支持。不過，隨后會(huì)列出一部分 還沒有被普遍支持的規(guī)范，canvas Text API就是其中之一。但是作為一個(gè)整體，HTML5 canvas 規(guī)范已經(jīng)非常成熟，不會(huì)有特別大的改動(dòng)了。從表3-1中可以看到，已經(jīng)有很多瀏覽器支持HTML5 canvas了。

瀏覽器	支持情況
Chrome	從1 .?版本開始支持
Fi refox	從1.5版本開始支持
Internet Explorer	從9.0版本開始支持
Opera	從9.0版本開始支持
Safari	從1.3版本開始支持

    上面表格中的瀏覽器基本上都已經(jīng)支持canvas,這對(duì)開發(fā)者來說是非常好的消息，這意味著canvas 開發(fā)成本降低很多，也不需要再去花費(fèi)大量的時(shí)間做惱人的各個(gè)瀏覽器之間的調(diào)試。