canvas元素是乙個正常的html元素，相當於在頁面插入乙個畫布。
在標記中設定寬、高屬性，在調整寬、高屬性後裡面的內容不會縮放。但是在css中指定這些屬性，在縮放畫布後，裡面內容也會縮放。
預設情況下畫布是透明的，除非你在畫布上繪製了內容，否則是看不到它的。
如果你想我證明畫布確實存在，
下面來繪製乙個正方形：
在畫布上繪製20個隨機正方形：
fillstyle是乙個屬性，fillrect是乙個方法。
當你使用上下文時，首先是設定乙個屬性，設定好fillstyle後，用顏色填充的任何東西都要使用這中顏色。
繪製乙個三角形：
繪製乙個笑臉：（涉及到圓形，弧，直線）
畫布上的文字：
context.textalign="left";
context.filltext("dog",100,100,200);//填充文字，x,y位置，可選引數maxwidth，如果文字長度大於maxwidth，只會導致文字縮放
context.stroketext("cat",100,150,200);//筆畫文字
context.font="2em lucide grande";//字型
context.textbaseline=」middle「;//基線，alphabetic，bottom，middle，top
畫布上放影象：
因為影象不總會立即載入，所以要在繪製之前確保影象已經完全載入，實現onload處理程式：
function drawbird(canvas, context) ;
}
html5中新增元素
html5是html最新的修訂版本,由全球資訊網聯盟於2014年修訂完成.設計的目的是為了在移動裝置上支援多 的宣告必須位於html5文件中的第一行,使用起來非常簡單.html5新增了許多元素 比如 圖形的繪製,多 內容,更好的頁面結構，更好的形式 處理，和幾個api拖放元素，定位，包括網頁儲存等....
html5新增的元素之input元素
size x small 上一節介紹的 form attribute size x small 在chrome和opera瀏覽器中，畫面支援的不一致。chrome瀏覽器 size img size x small opera瀏覽器 size img size x small 我們可以看到，兩種瀏覽器...
HTML5新特性 canvas 畫布
canvan 畫布 您的瀏覽器不支援canvas就是乙個標籤，預設值的大小為 300 150，display為inline block 注意 不能在css中設定寬和高，只能在標籤中設定width和height的值，沒有單位 設定居中為 text align center 定義畫筆 獲取上下文 var...