canvas的方法/ Z& J, a4 d) Z
save()保存当前环境的状态5 C' @1 t* O: R2 x) z5 ^
restore() 返回之前保存过的路径状态和属性3 ~& \4 T2 B% Y* x$ w- d' v
createevent()! ?9 j# N7 X* d k2 v/ z: a! H1 x" s
getcontext()返回一个对象,指出访问绘图功能必要的api2 D1 S" P$ I! T6 P
todataupl() 返回canvas图像的url: q( I7 Q" j3 F7 l8 b
线条样式的属性和方法, ^8 t: e3 _# f: K9 F* L
属性:
- |/ g8 J2 F4 Y# plinecap设置或返回线条的结束端点样式
+ M- v1 y0 e' c* H8 `. e3 Jlinejoin设置或返回两条线相交时,所创建的拐角类型7 w* p( B. s7 b' I
linewidth设置或返回当前线条的宽度.
& C' H3 j" T: _8 E I @miterlimit设置或返回最大斜接长度
! Y0 B& a: ^2 X0 d+ G0 Q颜色,样式和阴影属性和方法
Z3 R0 D7 v8 X9 `2 n属性, h0 S( {: h* s5 \/ y: a
fillstyle设置或返回用于填充绘画的颜色,渐变或模式" a8 A% H- q9 e6 b; L! ]9 t& U- b
strokestyle设置或返回用于笔触的颜色,渐变或模式' v+ g. k) H1 q2 u/ e. L
shadowcolor设置或返回用于阴影的颜色
" ~. T1 D( ]/ t: P9 H+ dshadowblur设置或返回用于阴影的模糊级别# g$ T+ q6 v7 H7 g+ e- w
shadowoffsetx设置或返回阴影距形状的水平距离9 {( V* q; ?8 } F. }1 K
shadowoffsety设置或返回阴影距形状的垂直距离& b( B* B' R4 ]4 I! ~
方法
0 F8 Q- g9 L; d+ ]0 J6 q# U' Hcreatelineargradient()创建线性渐变(用在画布内容上)
( A" V# M( B* P6 Gcreatepattern()在指定的方向上重复指定的元素4 w, d5 s1 m6 C8 G4 h# D" z$ y
createradialgradient()创建放射状/环形的渐变(用在画布内容上)
( ?8 E" ?6 U6 z% B4 v+ C- ^7 naddcolorstop()规定渐变对象中的颜色或停止位置* h- H4 W H* ]5 y. B/ G0 n
路径方法
7 p# M. C, J! @8 c. I' Hfill()填充当前绘图(路径)
5 r5 j$ j r' f# _: V. S+ Wstroke()绘制已定义的路径+ W/ b" z9 V3 }+ q: r; X4 w
beginpath()起始一条路径,或重置当前路径
% G0 J( i1 R" J# |moveto()把路径移动到画布中的指定点,不创建线条
* C& I3 R6 H0 ?' E9 U _! |+ u0 Yclosepath()创建从当前点回到起始点的路径
6 B$ P2 B; ] Tlineto()添加一个新点,创建从该点到最后指定点的线条
4 v8 E# J3 h" w$ C" tclip()从原始画布剪切任意形状和尺寸的区域
1 ~/ a! X) Z" j6 b3 L- Z1 {( rquadraticcurveto()创建第二次贝塞尔曲线: |7 p6 v5 Z) t( k- {$ H1 h
beziercureto()创建上次方贝塞尔曲线
3 H+ q- U! z4 {& o% M+ h+ h7 Qarc()创建弧/曲线(用于创建圆形或部分圆)7 P1 y) U# K; k0 P( e) d) U
arcto()创建两切线之间的弧/曲线
' `1 z. V! w8 I& w9 f( U% ?4 y- Nispointinpath()如果指定的点位于当前路径中,返回布尔值9 p/ j% i" [# j6 w
矩形
$ n- r6 k, ?9 [) ]6 L8 |6 Drect()创建矩形% `( U6 j. m, r+ d0 x$ G& h+ G
fillrect()绘制”被填充”的矩形4 b1 N I1 b6 l* W T
strokerect()绘制矩形(无填充)
' {! E: O7 k1 Sclearrect()在给定的矩形内清除指定的像素
" p; x9 p/ ?# \. o设置文本属性和方法
! N" j, X; B2 l属性:
. u$ j, k2 m3 }* qfont 设置或返回文本内容的当前字体属性
8 i- ?# X. b& j/ M: D+ ], u) G1 Itextalign设置或返回文本内容的当前对齐方式
; k6 ^! h) A* H& z. C* S6 Q8 ]0 Atextbaseline 设置会返回在绘制文本时使用的当前文本基线.9 M2 N, k7 U Z% Y
方法:
+ m" y5 ~& C' _( h1 z7 y; bfilltext()在画布上绘制”被填充的”文本9 @' B% @# A# `# \
stroketext()在画布上绘制文本(无填充), a! n2 W/ f6 b! P" u* n
measuretext()返回包含指定文本宽度的对象6 j& G P! T$ J" V" W& i) ]
转换方法: d3 \% G5 J! `8 j& }- y
scale() 缩放当前绘图至更大或更小
& A: I1 M% p8 r' H0 ^6 Brotate() 旋转当前绘图" X `! [. a* c
translate()重新映射花布衫的(0,0)位置
0 T8 |1 Z+ c0 t& F) ]+ {transform()替换绘图的当前转换矩阵* c/ k5 p, Q! ]/ P
settransform()将当前转换重置为单位矩阵.然后运行transform(); B9 v. Y$ N& L. K* q+ t! V
/ T& v6 ]2 G; j$ a# q
更多网页制作信息请查看： 网页制作 |
|
外卖新店开业第一周开推广，十家九家亏0打酱油
Ai优选商家寻找本地地推合作伙伴1111求项目与合作
拥抱AI搜索新时代！GEO优化成为企业流量增1515网络资讯
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡
5 l$ j+ w8 J9 o+ x( t5 C
: ]* k4 @6 | |