HTML5筆記學習（canvas）

來源於《HTML5高級程序設計》

css3
圓角 border-radius
旋轉變換 transform:rotate();

變換 transformation
動畫 animation
過分 transition

------------
html5 語義化

audio video canvas iframe h1 group button textarea
短語 mark kbd sub sup
article aside title

新片斷元素
header footer

section web頁面中的一塊區域
article 獨立的文件內容
aside 相關內容或引文
nav

canvas規範

瀏覽器變換，旋轉，平移位置
context.save();//保持當前繪圖的狀態
context.translate(130,250);

context.restore();// 恢復原有的繪圖狀態

context.strokeStyle ="#663300";//邊框夜色
context.fillStyle = "#339900";//填充顏色

context.fillRect() //填充矩形區域

漸變 看作是顏色沿着一條線進行緩慢的變化。

步驟; 一、建立漸變對象二、爲漸變對象設置顏色，指明過分方式 三、在context上填充樣式
漸變對象使用addColorStop() 設置顏色和偏移量

canvas 最有用的特性之一是容許開發人員直接訪問canvas底層像素數據。
context.getImageData(sx,sy,sw,sh);
在調用這個函數的時候，若是canvas中的圖像來自其餘域，就會拋出安全異常。

object標籤