canvas的方法6 Z5 E# @+ c( J9 z/ p
save()保存当前环境的状态
9 V7 Z$ a3 d `6 Urestore() 返回之前保存过的路径状态和属性
/ `$ o' K4 s) ^( S, k( ~createevent(): B! T8 v& N* i1 B X
getcontext()返回一个对象,指出访问绘图功能必要的api& G5 M6 N K- J X5 u
todataupl() 返回canvas图像的url
( F( M/ E7 b8 V. j+ ~, ` O线条样式的属性和方法6 U6 R. L& u j
属性:) r1 N8 K5 t \+ S& |$ m0 r
linecap设置或返回线条的结束端点样式, u: w% t# \# e; ]2 J% M5 z0 R
linejoin设置或返回两条线相交时,所创建的拐角类型1 d4 m, n, U7 y' o) d
linewidth设置或返回当前线条的宽度.7 O' W; r* b! o& s h8 X% Y
miterlimit设置或返回最大斜接长度
0 K( E% {) |; a) R3 \颜色,样式和阴影属性和方法" k _! s9 H7 @/ c
属性6 r0 o( H% p! Q# k3 R& }' W
fillstyle设置或返回用于填充绘画的颜色,渐变或模式
9 J8 N1 f! L- H \* {! ?strokestyle设置或返回用于笔触的颜色,渐变或模式
v! P% ], h- s1 h9 pshadowcolor设置或返回用于阴影的颜色
# B: k6 K; H2 d kshadowblur设置或返回用于阴影的模糊级别
4 n2 d* g# F4 n# S$ Pshadowoffsetx设置或返回阴影距形状的水平距离/ b8 ?1 A8 C3 d4 F
shadowoffsety设置或返回阴影距形状的垂直距离! P" k& M( O3 x# t+ I
方法
7 J! a# O3 |. d0 |1 K' lcreatelineargradient()创建线性渐变(用在画布内容上)% A2 e& [5 B* ~# F1 F
createpattern()在指定的方向上重复指定的元素* b/ ^8 Z1 T1 m& L. u! f- w) N
createradialgradient()创建放射状/环形的渐变(用在画布内容上)
0 O3 U2 o6 n! ]3 Yaddcolorstop()规定渐变对象中的颜色或停止位置
# I# S. t- X5 |5 y* W! q路径方法2 |: `: u2 k& d. ^' R! @
fill()填充当前绘图(路径)
& m7 A0 E- @6 n1 }5 L, m xstroke()绘制已定义的路径7 J$ h7 ?3 S: l& W6 E
beginpath()起始一条路径,或重置当前路径3 P3 p' O3 N3 [
moveto()把路径移动到画布中的指定点,不创建线条
9 D0 k8 h. O1 h7 _/ T% gclosepath()创建从当前点回到起始点的路径
0 P/ I; n2 f* k, z( jlineto()添加一个新点,创建从该点到最后指定点的线条
& g8 V! @0 K eclip()从原始画布剪切任意形状和尺寸的区域
6 ?, r2 e$ v) x, R! k# f6 }quadraticcurveto()创建第二次贝塞尔曲线' q' m1 N0 } {3 Q. g
beziercureto()创建上次方贝塞尔曲线
1 s0 s( k2 T7 I( f7 Y5 R) Zarc()创建弧/曲线(用于创建圆形或部分圆)
) h- |0 W' o3 h# ^0 o. jarcto()创建两切线之间的弧/曲线9 ^: e' U& d+ E% ]9 J& T$ k: X- g
ispointinpath()如果指定的点位于当前路径中,返回布尔值
, p& _5 q& S0 p5 w矩形# H/ c: f: I! }% Y) C0 x' P* z5 _2 ?
rect()创建矩形7 g8 K9 e6 Y2 m+ j9 A+ Y$ k
fillrect()绘制”被填充”的矩形5 G9 G, m! o" C7 Z
strokerect()绘制矩形(无填充)
2 C: F9 {1 f5 P; M% O4 `9 u) cclearrect()在给定的矩形内清除指定的像素" k) @* x1 ?6 O. Y- T
设置文本属性和方法
9 H: p/ a; n: w8 v. B" w& p属性:
- w" ^& J0 t4 b' D. M/ k& dfont 设置或返回文本内容的当前字体属性( I; S7 x( [' {/ z* X& p1 k
textalign设置或返回文本内容的当前对齐方式
, E7 S/ M5 G* ^( z% ^# ctextbaseline 设置会返回在绘制文本时使用的当前文本基线.
+ b: V2 t+ p. V* j5 g5 f/ i方法:
& v# J6 M0 a6 v: h8 rfilltext()在画布上绘制”被填充的”文本3 {) p1 J" u$ m# u7 V; y
stroketext()在画布上绘制文本(无填充)
: O- |& g9 L7 V/ B; wmeasuretext()返回包含指定文本宽度的对象
) _; X5 @8 p; l) Z O转换方法
/ R8 i6 t; L% f/ o0 Q4 {! lscale() 缩放当前绘图至更大或更小4 a. }" n* |* d2 d" i# r
rotate() 旋转当前绘图( J+ b- Y% z0 ?+ O
translate()重新映射花布衫的(0,0)位置- F( ~" |+ h) u1 X) u8 t/ T
transform()替换绘图的当前转换矩阵
8 @+ [- E, U4 I1 }5 Z2 g9 ]settransform()将当前转换重置为单位矩阵.然后运行transform(); H! |! g* W% B
3 @+ C7 R3 G1 @7 f! f8 [- J
更多网页制作信息请查看： 网页制作 |
|
Ai优选商家寻找本地地推合作伙伴202求项目与合作
拥抱AI搜索新时代！GEO优化成为企业流量增808网络资讯
GEO优化如何让企业流量翻倍？707网络资讯
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡
