canvas的方法
1 ^$ }, I. [- psave()保存当前环境的状态
" x* l, s/ ?7 q' V9 drestore() 返回之前保存过的路径状态和属性
7 p9 ~1 Z) s+ _4 k$ |; U2 e/ s; S Jcreateevent()* [: a1 d9 \% L! x; T( p$ x" n
getcontext()返回一个对象,指出访问绘图功能必要的api
% p Q+ E: q5 k g" ctodataupl() 返回canvas图像的url
! Q% r1 ?2 Y8 J/ h n线条样式的属性和方法
/ P$ ^( r( ]- W& ~/ k# r5 g+ t' C属性:
+ w+ f$ K% B0 ?* d& _" }2 M4 llinecap设置或返回线条的结束端点样式" i. g' [8 i0 H7 u. ^! Q! ?
linejoin设置或返回两条线相交时,所创建的拐角类型# L: g3 J7 n! }2 x* [" L
linewidth设置或返回当前线条的宽度.
2 n3 W8 u9 v7 o2 |miterlimit设置或返回最大斜接长度+ u$ a$ D( S. w4 W: S
颜色,样式和阴影属性和方法; K8 I/ C. x* ~- O0 D" E& S
属性' ^& q/ J7 K; M+ G
fillstyle设置或返回用于填充绘画的颜色,渐变或模式0 G" X! F# @1 v$ S' ~
strokestyle设置或返回用于笔触的颜色,渐变或模式
8 z* s( W- [0 T* P" ~) f# X8 G, C dshadowcolor设置或返回用于阴影的颜色) T& i9 L/ B: d& i
shadowblur设置或返回用于阴影的模糊级别
) p, V2 J4 M! w; x8 q h Mshadowoffsetx设置或返回阴影距形状的水平距离: `& s- w3 j3 C& D# F0 \" u9 @
shadowoffsety设置或返回阴影距形状的垂直距离
/ L* ]! i/ z& f; V* G5 o方法& S5 @0 F1 j$ U" L+ X5 R4 f
createlineargradient()创建线性渐变(用在画布内容上)6 m% n6 C3 G, [. B8 S
createpattern()在指定的方向上重复指定的元素
& i! u2 R: t# ^createradialgradient()创建放射状/环形的渐变(用在画布内容上)
; U$ z2 j# E! caddcolorstop()规定渐变对象中的颜色或停止位置. l9 q, g8 U3 k
路径方法
" a8 N1 B) b3 [" x* \8 H& Vfill()填充当前绘图(路径)& x, q- M( y1 {! c6 p! v2 X
stroke()绘制已定义的路径$ C4 ]! u% F0 G
beginpath()起始一条路径,或重置当前路径
, A- Z. O/ T* b& `8 e$ x7 Amoveto()把路径移动到画布中的指定点,不创建线条- j( f, ^! ?5 f$ F5 S
closepath()创建从当前点回到起始点的路径: S9 h1 M" |# E8 J# h% j7 A# o
lineto()添加一个新点,创建从该点到最后指定点的线条
- s6 Z, A7 K! M2 S3 M; ^+ Sclip()从原始画布剪切任意形状和尺寸的区域8 H; h+ W) X) p2 q/ b
quadraticcurveto()创建第二次贝塞尔曲线
! O0 H) w) v" P* e: E6 F2 C, abeziercureto()创建上次方贝塞尔曲线
6 L8 w( [* T4 `. k6 earc()创建弧/曲线(用于创建圆形或部分圆)' R ~4 z6 a/ P2 M* I( _, ~
arcto()创建两切线之间的弧/曲线6 K. O( @, m( M8 V7 O/ A
ispointinpath()如果指定的点位于当前路径中,返回布尔值8 }9 d: u6 P K
矩形, @9 u- Q1 n6 v3 Y" b% m% J. K$ c& m9 z
rect()创建矩形
' H2 y/ y& |1 t M' nfillrect()绘制”被填充”的矩形0 L) t- m* V6 h# E0 [" @
strokerect()绘制矩形(无填充)
: }/ [* W2 ]' ~: k) ~clearrect()在给定的矩形内清除指定的像素1 G) j, q2 P( n
设置文本属性和方法
7 O+ ~% w1 R+ X% [. [- r属性:9 u& V" S; b' j8 c( K1 o: H
font 设置或返回文本内容的当前字体属性
" g5 L3 W; A; b3 h1 O3 n) otextalign设置或返回文本内容的当前对齐方式# X0 `$ I: b% _) b0 Y2 Y
textbaseline 设置会返回在绘制文本时使用的当前文本基线.
6 p6 ~0 j+ o# Y, ?# A X+ ^方法:
& N! Q+ h9 [0 q+ y$ h* rfilltext()在画布上绘制”被填充的”文本
" h: h4 E) {5 h) m6 S* f" Rstroketext()在画布上绘制文本(无填充)# @$ ^7 V" d L% ]
measuretext()返回包含指定文本宽度的对象! I7 H2 w8 h) [* [, C
转换方法, |$ F8 E R/ F+ _; D! V# i- [
scale() 缩放当前绘图至更大或更小2 k( ~8 {/ p* l7 g
rotate() 旋转当前绘图
# s( g4 G& S2 X3 Ptranslate()重新映射花布衫的(0,0)位置/ Q2 a/ A0 q. Y% r* }5 d# @
transform()替换绘图的当前转换矩阵' }! ]9 c D/ D
settransform()将当前转换重置为单位矩阵.然后运行transform(); S6 q; T6 b7 V* S, g
) x/ v2 H* [# c. H
更多网页制作信息请查看： 网页制作 |
|
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡
$ Q4 |- x% g, F; |# p. ?
2 m9 A N" c0 N: |: [