canvas的方法: z g" c/ r1 L$ H- N
save()保存当前环境的状态# v+ R$ A1 |3 x
restore() 返回之前保存过的路径状态和属性) o7 a' t/ T. Z' j& W) u
createevent()
: J* W# d; J! x' ]; W/ Cgetcontext()返回一个对象,指出访问绘图功能必要的api9 b W. {7 U1 \' X! H4 \( @
todataupl() 返回canvas图像的url* r+ I/ N; k( ]) D0 D# X$ e
线条样式的属性和方法
0 D+ x# f* |8 m/ l- b+ B属性:
3 P ^7 k/ m! A5 X) ~1 d+ Y8 Nlinecap设置或返回线条的结束端点样式
6 c% ]8 ]- a/ y* llinejoin设置或返回两条线相交时,所创建的拐角类型5 L: |! E: ^: c' x3 C. R: A7 t% V2 s
linewidth设置或返回当前线条的宽度.
3 P6 H6 L$ V" z2 p; i8 amiterlimit设置或返回最大斜接长度
9 E; f) F2 N/ C% f4 T) n颜色,样式和阴影属性和方法
+ N1 b Z0 p* c, I属性& A; i6 H2 h! q6 y2 w: S7 @$ e1 W: t3 Y9 b
fillstyle设置或返回用于填充绘画的颜色,渐变或模式4 H9 I8 q* u% ~: L; i
strokestyle设置或返回用于笔触的颜色,渐变或模式9 S( W% A5 }- n% ^+ b% @1 H6 A
shadowcolor设置或返回用于阴影的颜色
& r) {* ^# g, M& F( w, G* @9 dshadowblur设置或返回用于阴影的模糊级别8 I$ N6 K7 o9 d$ D) I6 O" x
shadowoffsetx设置或返回阴影距形状的水平距离
0 B, k6 V7 ~1 _" J5 z4 Oshadowoffsety设置或返回阴影距形状的垂直距离
9 M( B. A. g% W方法+ Z s% `+ J |+ X* g5 h9 @
createlineargradient()创建线性渐变(用在画布内容上)
$ u \/ ^) V2 j2 F( W9 C& Ecreatepattern()在指定的方向上重复指定的元素
m9 T, L1 O$ D& C) c8 _createradialgradient()创建放射状/环形的渐变(用在画布内容上)
7 D: @* O/ @: ?, O* i3 Oaddcolorstop()规定渐变对象中的颜色或停止位置* V! O' E" E4 A* p0 w$ ]' {0 l
路径方法
/ v2 T5 ~, y: K* qfill()填充当前绘图(路径)
+ v3 Y: N2 w- j: T5 H" }stroke()绘制已定义的路径* G" J4 I& e. i2 s- c n& z
beginpath()起始一条路径,或重置当前路径4 z2 ]* {% M, f6 r- |
moveto()把路径移动到画布中的指定点,不创建线条
0 P* C$ s1 Q5 oclosepath()创建从当前点回到起始点的路径
6 K2 i& w# c# n- Flineto()添加一个新点,创建从该点到最后指定点的线条
! Y1 V" T5 m; r! m) @& Z& g) F5 Yclip()从原始画布剪切任意形状和尺寸的区域! e& ]/ J6 o* n! s1 @
quadraticcurveto()创建第二次贝塞尔曲线+ g1 M& P4 P* s) E$ V; m3 R
beziercureto()创建上次方贝塞尔曲线& i- b/ E2 t- [
arc()创建弧/曲线(用于创建圆形或部分圆)% _. ^* B5 q0 Q; ?1 F* G/ N
arcto()创建两切线之间的弧/曲线
: F# x& s) s& I; o1 L* Lispointinpath()如果指定的点位于当前路径中,返回布尔值! N( O) O# \# F* O0 G% V6 Y8 J
矩形
2 N7 M) h9 [! frect()创建矩形
6 ^5 X$ n ?2 q: xfillrect()绘制”被填充”的矩形. g5 C9 X& K( X) d' e
strokerect()绘制矩形(无填充)' J, ^4 u& Q* H6 g7 L
clearrect()在给定的矩形内清除指定的像素' [) M3 Z4 b7 V; |/ S. V
设置文本属性和方法6 d3 ^: R, {$ e2 Q
属性:
' @ j* Q j: g: L3 {1 n/ J# ffont 设置或返回文本内容的当前字体属性
, g! O* ]0 }; K: ~textalign设置或返回文本内容的当前对齐方式 R* j( o1 G7 S
textbaseline 设置会返回在绘制文本时使用的当前文本基线.
9 m) @! w( _; R7 H8 z/ w* A7 L方法:
: |4 Q P5 h1 H" E2 z9 F: D5 ^! Lfilltext()在画布上绘制”被填充的”文本4 B' @6 W$ A: Z3 H9 V: B# Q
stroketext()在画布上绘制文本(无填充)
/ j3 b2 N$ ]; Q) \3 d" d: E! pmeasuretext()返回包含指定文本宽度的对象
. p, t1 d5 k3 v' ^; A2 _7 y( u转换方法. q* D" Y( I2 @( K/ D
scale() 缩放当前绘图至更大或更小7 s) ?; j- F/ w5 n S0 C6 p: t
rotate() 旋转当前绘图
( s, j# h& f G1 c3 S* \translate()重新映射花布衫的(0,0)位置+ [* @/ L1 {) m B
transform()替换绘图的当前转换矩阵. W. ]$ R4 Y9 W4 L: F y
settransform()将当前转换重置为单位矩阵.然后运行transform()
2 K6 q3 r( S8 ~" t8 z: c$ Q0 i/ u* p0 G5 }
更多网页制作信息请查看： 网页制作 |
|
Ai优选商家寻找本地地推合作伙伴303求项目与合作
拥抱AI搜索新时代！GEO优化成为企业流量增909网络资讯
GEO优化如何让企业流量翻倍？808网络资讯
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡
