-
textBaseline垂直查看全部
-
textAlign水平
查看全部 -
context.font = '20px sans-serif' // 默认值
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 ) // 起点是当前，终点在（x1,y1）（x2,y2）的直线上 quadraticCurveTo( x1, y1, x2, y2 ) // 起点是当前，终点是（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' ) // 设置重复纹理背景
fillStyle/strokeStyle可设置
color/gradient(2种)/pattern(3种)
查看全部 -
canvas基于状态的绘制，除非被覆盖，否则一直生效查看全部
-
beginPath相当于全新的路径
moveTo 相当于从哪个坐标开始
lineTo 相当于拿笔从哪个点开始到哪个点结束
查看全部 -
Beginpath相当于新的路径，相当于一个新的状态来绘制 Beginpath+lineto就等于moveto，moveto是从哪里开始，lineto是笔挪动到哪里查看全部
-
Canvas是基于状态的绘制查看全部
-
这个也是厉害了
查看全部 -
canvas 作为绘图api还是蛮强大的
查看全部 -
绘制二次贝塞尔曲线小工具
http://blogs.sitepointstatic.com/examples/tech/canvas-curves/quadratic-curve.html
绘制三次次贝塞尔曲线小工具
http://tinyurl.com/html5bezier
查看全部 -
先填充context.fill后描边context.stroke可防止描边被填充色覆盖
查看全部 -
画了个美队的盾牌：
查看全部 -
喜欢这样的五角星
查看全部
举报
0/150
提交
取消