Web 前端开发 让前端飞

Canvas基础2

2017-01-23  本文已影响0人  Brighten_Sun

canvas画弧
gd.arc(圆心坐标X, 圆心坐标Y, 半径,起始弧度, 结束弧度,blur) //画弧
需要用d2a或a2d转化
blur
true 是顺时针
false 是逆时针

进度条
gd.clearRect(o, y, w, h) //可用于处理毛边

canvas字体
gd.font = '50px 宋体'; //文字大小字体
gd.strokeText('我是不是你最疼爱的人',100,100) //添加文字
gd.fillText('我是不是你最疼爱的人',100,100) //添加文字
gd.textBaseline='top' //水平对齐
gd.textAlign='center'; //垂直对齐
gd.measureText(str).width //测量文字宽度
gd.isPointInPath(x,y) //检测路径
gd.rect(x, y, w, h) //矩形路径
gd.save(); //存储当前画布状态
gd.restore(); //清楚save后的效果

给canvas加事件的库
jcscript

上一篇下一篇

猜你喜欢

热点阅读