Canvas基础2

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一:canvas简介 1.1什么是canvas? ①:canvas是HTML5提供的一种新标签 ②:HTML5 ...
    GreenHand1阅读 10,187评论 2 32
  • 一、canvas简介 1.1 什么是canvas?(了解) 是HTML5提供的一种新标签 Canvas是一个矩形区...
    Looog阅读 9,362评论 3 40
  • 版权声明:本文为博主原创文章,未经博主允许不得转载 前言 Canvas 本意是画布的意思,然而将它理解为绘制工具一...
    cc荣宣阅读 41,693评论 1 47
  • 一、canvas简介 1.1 什么是canvas?(了解) 是HTML5提供的一种新标签 Canvas是一个矩形区...
    J_L_L阅读 5,461评论 0 4
  • 转载请声明 原文链接 关注公众号获取更多资讯 这篇文章主要总结H5的一些新增的功能以及一些基础归纳,这里只是一个提...
    前端进阶之旅阅读 12,961评论 22 225