canvas的方法* z, y/ r( C6 d1 C( d
save()保存当前环境的状态
- ^8 l3 e% Y1 vrestore() 返回之前保存过的路径状态和属性
. h" f( m7 [$ W$ h9 Lcreateevent()6 {# r' r6 g" E* F) }' p
getcontext()返回一个对象,指出访问绘图功能必要的api7 V( h! q% V# m4 }5 W9 W
todataupl() 返回canvas图像的url
: T' S8 W* B* @+ w0 T线条样式的属性和方法( \3 u2 u' X- j, ]
属性:! q: z, \5 w' d
linecap设置或返回线条的结束端点样式
4 p9 H$ {- s' I6 Rlinejoin设置或返回两条线相交时,所创建的拐角类型3 o7 X- ` ^7 x1 M
linewidth设置或返回当前线条的宽度.
! D/ x) ]: m( I) ?8 Q( h" s Xmiterlimit设置或返回最大斜接长度
. G+ M* D, P& S& Z. j3 s1 Q9 b颜色,样式和阴影属性和方法0 l4 {' v1 u! M- p5 r- k
属性
- m' _) i; P: J7 M+ Q U$ Y4 {fillstyle设置或返回用于填充绘画的颜色,渐变或模式 X, e3 k0 Y" Y7 T9 W
strokestyle设置或返回用于笔触的颜色,渐变或模式
* d3 l! u! j: Q9 kshadowcolor设置或返回用于阴影的颜色
" z! U! K! b$ Q! ?- jshadowblur设置或返回用于阴影的模糊级别6 m* J* u+ Z8 n0 ?* g! Z
shadowoffsetx设置或返回阴影距形状的水平距离
, e; h+ |# Z+ r Pshadowoffsety设置或返回阴影距形状的垂直距离
$ M5 d, e7 U7 E方法( ~4 e I, u$ G! Q
createlineargradient()创建线性渐变(用在画布内容上)
+ A; u+ K+ E, u, T2 J, K6 j! |createpattern()在指定的方向上重复指定的元素. X' g6 V1 s7 f. c4 ^- f# S; r8 D
createradialgradient()创建放射状/环形的渐变(用在画布内容上)
* j% S3 ~7 U7 _9 Xaddcolorstop()规定渐变对象中的颜色或停止位置8 }6 }& v$ z8 G5 D: C2 m
路径方法
3 I# k# F* d0 v3 d. j4 n! p5 jfill()填充当前绘图(路径)
# [' m, ]- }' F: q- K! Ystroke()绘制已定义的路径
1 g" y6 u( K: Z0 Gbeginpath()起始一条路径,或重置当前路径! m* m: |' G$ V/ O# A4 m- K) G' z$ w
moveto()把路径移动到画布中的指定点,不创建线条
2 }: _4 V3 F4 C: f- [; p3 a- Oclosepath()创建从当前点回到起始点的路径2 v1 E2 Z+ B) ?
lineto()添加一个新点,创建从该点到最后指定点的线条
2 `" g5 X9 u& w cclip()从原始画布剪切任意形状和尺寸的区域( p% h. f/ c1 M1 X5 u
quadraticcurveto()创建第二次贝塞尔曲线
# Y8 S. i; T2 U* [9 d9 Abeziercureto()创建上次方贝塞尔曲线
8 j) y2 o/ E; y5 W$ {$ `arc()创建弧/曲线(用于创建圆形或部分圆)/ R. w. Z/ k; ]3 h* R1 r
arcto()创建两切线之间的弧/曲线: R, z) Z" k) x* j
ispointinpath()如果指定的点位于当前路径中,返回布尔值
. x2 U( U- q h0 v+ f矩形
" M4 ]8 `7 G5 |$ {7 T; Jrect()创建矩形( ]- v. ]; q, p5 t; j9 ]# Y
fillrect()绘制”被填充”的矩形
% k# R/ i4 B" g4 O, b' m3 estrokerect()绘制矩形(无填充)
i8 e$ ?- c; [7 y+ H8 f: v4 \$ mclearrect()在给定的矩形内清除指定的像素
7 u% m8 A6 R6 \ W设置文本属性和方法5 k! S4 S9 q" P" U# ]
属性:$ T- R3 l! G4 N1 z) J
font 设置或返回文本内容的当前字体属性
( x0 m3 d8 A% Q" d, i& K. m- f btextalign设置或返回文本内容的当前对齐方式
0 W& \0 ~1 y! I" etextbaseline 设置会返回在绘制文本时使用的当前文本基线.
9 h( ^; A- O8 n6 { v方法: }4 G& t" s1 u
filltext()在画布上绘制”被填充的”文本
3 z- {$ R$ h' `, V3 k. `! @stroketext()在画布上绘制文本(无填充)' x ~. q7 Q5 T! z: s9 G
measuretext()返回包含指定文本宽度的对象
$ f2 H. h" ?# N, N5 _转换方法: C' o8 Q' i) j( r9 z
scale() 缩放当前绘图至更大或更小4 s H" }* L$ \1 H/ T% B+ R$ o
rotate() 旋转当前绘图: b% G! e' [- N0 A- J. y) @1 H5 C1 ~
translate()重新映射花布衫的(0,0)位置
- x1 V/ w2 A0 D& ctransform()替换绘图的当前转换矩阵2 ?0 x$ H' c, `
settransform()将当前转换重置为单位矩阵.然后运行transform()
& b( N' M! y0 B* Q
9 w, a/ ]; l! N- L4 y' Z+ Q更多网页制作信息请查看： 网页制作 |
|
外卖新店开业第一周开推广，十家九家亏0打酱油
Ai优选商家寻找本地地推合作伙伴1515求项目与合作
拥抱AI搜索新时代！GEO优化成为企业流量增1616网络资讯
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡
e4 ^" h. k5 F$ v# I
/ R n; t7 Q! V+ ]0 Q