-
textBaseline垂直查看全部
-
textAlign水平
查看全部 -
context.font?=?'20px?sans-serif'?//?默認(rèn)值
font-style
normal
italic
oblique
font-variant
normal
small-caps
font-weight
lighter
normal
bold
bolder
100,200,300,400(normal),500,600,700(bold),800,900
font-size
px em %
xx-small,x-small,medium,large,x-large,xx-large
font-family
支持@font-face
查看全部 -
arc(?x,?y,?r,?0,?2*Math.PI,?false?) arcTo(?x1,?y1,?x2,?y2,?radius?)?//?起點是當(dāng)前，終點在（x1,y1）（x2,y2）的直線上 quadraticCurveTo(?x1,?y1,?x2,?y2?)?//?起點是當(dāng)前，終點是（x2,y2）,(x1,y1)是控制點 bezeirCurveTo(?x1,?y1,?x2,?y2,?x3,?y3?)?//?三階
查看全部 -
createLinearGradient(?x1,?y1,?x2,?y2?) creatRadialGradient(?x1,?y1,?r1,?x2,?y2,?r2?) addColorStop(?0,?'red'?)?... createPattern(?image/video/Canvas,?'repeat'?)?//?設(shè)置重復(fù)紋理背景
fillStyle/strokeStyle可設(shè)置
color/gradient(2種)/pattern(3種)
查看全部 -
canvas基于狀態(tài)的繪制，除非被覆蓋，否則一直生效查看全部
-
beginPath相當(dāng)于全新的路徑
moveTo 相當(dāng)于從哪個坐標(biāo)開始
lineTo 相當(dāng)于拿筆從哪個點開始到哪個點結(jié)束
查看全部 -
Beginpath相當(dāng)于新的路徑，相當(dāng)于一個新的狀態(tài)來繪制 Beginpath+lineto就等于moveto，moveto是從哪里開始，lineto是筆挪動到哪里查看全部
-
Canvas是基于狀態(tài)的繪制查看全部
-
這個也是厲害了
查看全部 -
canvas 作為繪圖api還是蠻強大的
查看全部 -
繪制二次貝塞爾曲線小工具
http://blogs.sitepointstatic.com/examples/tech/canvas-curves/quadratic-curve.html
繪制三次次貝塞爾曲線小工具
http://tinyurl.com/html5bezier
查看全部 -
先填充context.fill后描邊context.stroke可防止描邊被填充色覆蓋
查看全部 -
畫了個美隊的盾牌：
查看全部 -
喜歡這樣的五角星
查看全部
舉報
0/150
提交
取消