標籤
定義圖形,比如圖表和其他影象。但是標籤只是圖形容器,必須使用指令碼來繪製圖形。標籤通常需要指定乙個id屬性 (指令碼中經常引用), width 和 height 屬性定義的畫布的大小,使用 style 屬性來新增邊框.
例如建立乙個矩形,正方形。
canvas 是乙個二維網格,canvas 的左上角座標為 (0,0)
在canvas上畫線,我們將使用moveto(x,y) 定義線條開始座標,lineto(x,y) 定義線條結束座標,繪製線條可用stroke。
例如定義開始座標(100.20),結束座標(130,100)
三條線條可以拓展畫三角形
ctx.moveto
(100
, 100);
ctx.lineto
(400
, 400);
ctx.lineto
(100
, 400);
ctx.lineto
(100
, 100);
ctx.stroke();
當然,我們可以通過乙個arc方法畫圓形,首先要知道弧形繪製方法,arc(x, y, r, 起始弧度, 結束弧度, 弧線方向) 。x正半軸朝右 ,
y正半軸朝下 ,
引數中x,y表示弧心(或者理解為圓心) ,
r就是半徑 ,
弧線方向0為順時針,1為逆時針 。
畫一條弧線
ctx.arc
(200
, 200
, 100, 0
, math
.pi/2,
0);ctx
.stroke();
畫乙個圓
varc
=document
.getelementbyid("
mycanvas")
;var
ctx=c.
getcontext("
2d");
ctx.
beginpath()
;ctx
.arc(95
,50,40
,0,2
*math.pi
);ctx.
stroke()
;canvas-漸變
//建立漸變
vargrd
=ctx
.createlineargradient(0
,0,200,0
);grd.
addcolorstop(0
,"red");
grd.addcolorstop(1
,"white")
; //
填充漸變
.fillstyle
=grd
;ctx
.fillrect(10
,10,150,80
);同時還可以設計效果,例如圓漸變createradialgradient()。
varc
=document
.getelementbyid("
mycanvas")
;var
ctx=c.
getcontext("
2d");
//建立漸變
vargrd
=ctx
.createradialgradient(75
,50,5
,90,60
,100);
grd.
addcolorstop(0
,"green")
;grd
.addcolorstop(1
,"white")
; //
填充漸變
ctx.
fillstyle
=grd
;ctx
.fillrect(10
,10,150,80
);varc
=document
.getelementbyid("
mycanvas")
;var
ctx=c.
getcontext("
2d");
varimg
=document
.getelementbyid("
img");
ctx.
drawimage
(img,20
,30);
標籤的使用
這個標籤用來測試乙個xml檔案中內容的符合某個屬性的某乙個節點是否存在或者是否有效.標籤屬性 ifexists,測試內容項是否存在,如果內容項有多個取值,需要增加下標來測試.elementname index 不是必須的.ifexistsone 測試乙個有逗點 分隔的內容項的乙個值是否存在.當有多個...
標籤的使用
頁面定期重新整理,如果加url的,則會重新定向到指定的網頁,content後面跟的是時間 單位秒 把這句話加到指定網頁的裡 一般也用在實時性很強的應用中,需要定期重新整理的 如新聞頁面,論壇等,不過一般不會用這個,都用新的技術比如ajax等 經過一段時間轉到另外某個頁面 content 0 url ...
html 標籤不經常使用的標籤
我們在使用html標籤當中 很多人都忽略了 lable標籤的使用 其實很多問題的解決都可以用label實現 使用者名稱 a 這樣當使用alt a 時候就可以將游標定位到id為username的文字字段上面 這樣就可以實現對游標定位的控制 meta 標籤有兩個屬性乙個是name,乙個是 http eq...