html5的新增元素
1.canvas元素
其主要針對於影象，圖形，**和**等。
canvas路徑-線條**：
var 變數1 = document.getelementbyid("canvas的id名」）；
var 變數2 = 變數1.getcontext(「2d」)；（這句是固定的，可以在畫布中繪畫2d圖形，也只能是2d屬性值）
變數2.moveto（x,y）；開始繪畫線條的座標
變數2.lineto（x,y)；結束繪畫線條的座標4
變數2.stroke（）；開始繪畫
canvas路徑-徑向/圓**：
var 變數1 =documen.getelementbyid("canvas的id名「）；
var 變數2 =變數1.getcontext（」2d「）；
變數2.beginpath（）；開始一條路徑
變數2.arc（x,y,圓的半徑，開始座標，結束座標）；
變數2.stroke（）；
canvas文字-實心字
var 變數1=document.getelementbyid（」canvas的id名「）；
var 變數2=變數1.getcontext（」2d「）；
變數2.font=」字型大小的畫素 字型系列「；
變數2.filltext（」輸入內容「，x,y);
變數2.stroke（）；
canvas文字-空心字
var 變數1=document.getelementbyid("canvas的id名」）；
var 變數2=變數1.getcontext(「2d」);
變數2.stroketext（「輸入內容」，x，y）；
變數2.stroke（）；
canvas漸變-線條
var 變數1 = document.getelementbyid（「canvas的id名」）；
var 變數2 = 變數1.getcontext（「2d」）；
var 變數3 = 變數2.createlineargradient（x，y，x1，y1）；
變數3.addcolorstop（0，「顏色」）；
變數3.addcolorstop（1，「顏色」）；
從0開始，往後漸變，變數3.addcolorstop（）可以是多個
上面三步是建立漸變；下面三步是填充漸變
變數2.fillstyle=變數3；填充的顏色
變數2.fillrect（x，y，長，寬）；其中x，y是距離畫布的距離
canvas漸變-徑向/圓
var 變數1=document.getelementbyid(「canvas的id名」);
var 變數2=變數1.getcontext（「2d」）；
var 變數3=變數2.createradialgradient（x，y，半徑r，x1，y1，r1）；
變數3.addcolorstop（0，「顏色」）；
變數3.addcolorstop（1，「顏色」）；
上面是建立漸變，下面是填充漸變
變數2.fillstyle=變數3；
變數2.fillrect（x，y，長，寬）；其中x，y是距離畫布的距離
canvas影象
var 變數1=document.getelementbyid("canvas的id名「）；
var 變數2=getcontext（」2d「）；
var 變數3=documen.getelementbyid("img標籤的id名」）；
變數3.onload = function（）
onload事件，它是載入後立即觸發。
web前端第三天
table和div table 學號 姓名 性別 年齡 1 小明 男 12 2 小剛 男 11 的組成部分 標題 表頭 主體 表尾 table定義乙個 caption 定義 的標題 thead 定義表頭的部分 tbody 定義 的主體 資料 部分 tfoot 定義表尾，一般來說顯示彙總資訊 tr 定...
web前端初學者的記錄（第一天）
html主要用來寫靜態頁面，主要的是其中的元素 元素是指一組標籤，元素包括開始標籤和閉合標籤 有 head 根標籤，meat 設定屬性charset utf 8 國際通用，title 名稱標籤，body 網頁中所有內容標籤，style 在其中設定屬性type text css 時，可在其中設定標籤樣...
web前端學習 第三天
的組成部分 標題 表頭 主體 表尾 table定義乙個 caption定義 的標題 thead定義表頭的部分 tbody定義 的主體 資料 部分 tfoot定義表尾，一般來顯示彙總資訊 tr定義一行 thtd來定義資料項 單元格 th 一般用於表頭，有加粗的樣式.td 一般用於主體部分，沒有加粗的樣...