canvas的方法
( U- @, E1 I6 |9 @: o( \. Csave()保存当前环境的状态% N' q7 w: Z3 |/ I
restore() 返回之前保存过的路径状态和属性" D( \% b- y" w' P; I' Q" A, o' ]$ k
createevent()( }3 K) ?2 \' o; N5 c
getcontext()返回一个对象,指出访问绘图功能必要的api5 P: b! Y ?+ m" Q: Z q* W
todataupl() 返回canvas图像的url5 M; v C4 c& S5 q1 u
线条样式的属性和方法
2 a _2 N H _$ N. V) [9 T属性:
/ i$ }% R W2 }3 ]; v8 G. T/ Mlinecap设置或返回线条的结束端点样式
. b8 ]0 y2 l( f% ?6 X- hlinejoin设置或返回两条线相交时,所创建的拐角类型8 f, N6 r2 |$ f- h" A
linewidth设置或返回当前线条的宽度./ O1 x/ A1 h/ Q% |' |- k3 p2 `. n
miterlimit设置或返回最大斜接长度+ d. B8 v$ {% }/ s2 \9 r
颜色,样式和阴影属性和方法" e i' l5 g s0 U$ e, d
属性
x* U* A7 x" F4 D5 n& x/ Q _fillstyle设置或返回用于填充绘画的颜色,渐变或模式& \7 C# w* ?! F# q5 b3 y
strokestyle设置或返回用于笔触的颜色,渐变或模式; N: P8 k% C1 }
shadowcolor设置或返回用于阴影的颜色
3 J/ d" C% K6 Z+ t1 X7 [: wshadowblur设置或返回用于阴影的模糊级别+ j2 y. u! n2 _7 U8 I" T# w
shadowoffsetx设置或返回阴影距形状的水平距离" s5 L- E* C0 Z1 m' r6 F, s$ Y8 h; Q! q
shadowoffsety设置或返回阴影距形状的垂直距离
9 B- b9 S7 o) N4 U# {" Y6 `方法
2 J9 P9 H4 M! W4 a! Zcreatelineargradient()创建线性渐变(用在画布内容上)1 A$ P3 T: n1 N I" ?. ?) P% t
createpattern()在指定的方向上重复指定的元素
6 s, w: o9 W; f/ O; gcreateradialgradient()创建放射状/环形的渐变(用在画布内容上)+ }/ L1 e' v) L2 w% `
addcolorstop()规定渐变对象中的颜色或停止位置& w, Z S/ _# h5 s P
路径方法
8 b7 K$ \3 t" N' Xfill()填充当前绘图(路径)
2 _' u [) A: D# N: q0 H5 lstroke()绘制已定义的路径
- M! a% h5 E5 z7 C5 Obeginpath()起始一条路径,或重置当前路径
7 Z# f5 u# X7 T" Gmoveto()把路径移动到画布中的指定点,不创建线条
- i2 e( a; t- y1 Bclosepath()创建从当前点回到起始点的路径
; |! Y0 K9 V# ^+ S c# ?lineto()添加一个新点,创建从该点到最后指定点的线条
, J t0 c. s- Rclip()从原始画布剪切任意形状和尺寸的区域* ]" L: `' V# b9 h
quadraticcurveto()创建第二次贝塞尔曲线
) X0 {7 b1 A h& O8 Ebeziercureto()创建上次方贝塞尔曲线( p* M' c6 F0 E) d. O; \
arc()创建弧/曲线(用于创建圆形或部分圆)8 z2 q5 l: O7 Q8 H" x4 n
arcto()创建两切线之间的弧/曲线
b% w$ y. F' ~; s/ g" m; Yispointinpath()如果指定的点位于当前路径中,返回布尔值( a( D! D+ r, |7 `! V: E
矩形
, t6 G8 O7 E1 B% I# y4 i0 \rect()创建矩形
! i; X% x: E* ^) v2 B9 Xfillrect()绘制”被填充”的矩形
+ |& g5 b" R$ g' @( ]/ q5 mstrokerect()绘制矩形(无填充)) v7 t7 i7 e o+ p, S
clearrect()在给定的矩形内清除指定的像素! R% |& |, R1 H. c& @2 n
设置文本属性和方法
Q) V/ d8 t) N4 r属性:* p G* C8 A- l& u; `
font 设置或返回文本内容的当前字体属性
) M1 Z2 ~; Y; s. W3 Q: ?$ f: ]/ a. Otextalign设置或返回文本内容的当前对齐方式. D8 K1 p1 R( ^# O
textbaseline 设置会返回在绘制文本时使用的当前文本基线.
& }% b0 H! A/ S) x$ N& V6 H% g! m方法:- u4 H; o. e- C. t9 i+ [/ w9 X1 `
filltext()在画布上绘制”被填充的”文本& R+ r( X) q, A
stroketext()在画布上绘制文本(无填充)
# w3 L3 B& Y; b6 l' q9 C* e# zmeasuretext()返回包含指定文本宽度的对象- P% v" G* J; M
转换方法
6 |* ~- T7 t$ R% v# r; Cscale() 缩放当前绘图至更大或更小
& p+ u; A+ g; y1 ^$ w: ]rotate() 旋转当前绘图
3 y2 H @7 \* [" o+ O3 w" r/ ]translate()重新映射花布衫的(0,0)位置2 Q- T" B' G% C9 H! H
transform()替换绘图的当前转换矩阵
9 Q& v5 `' R, W6 H+ f& r7 \settransform()将当前转换重置为单位矩阵.然后运行transform()* G7 D9 t: G0 X& i2 @
8 X1 g/ m3 t. O% w更多网页制作信息请查看： 网页制作 |
|
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡
5 W4 k' m6 l6 J* r2 v