Canvas

1.绘制矩形

fillRect(x, y, width, height)

绘制一个填充的矩形

strokeRect(x, y, width, height)

绘制一个矩形的边框

clearRect(x, y, width, height)

清除指定矩形区域,让清除部分完全透明。

2.绘制圆

context.arc(x,y,r,sAngle,eAngle,counterclockwise);

x:圆的中心的 x 坐标。

y:圆的中心的 y 坐标。

r:圆的半径。

sAngle:起始角,以弧度计。(弧的圆形的三点钟位置是 0 度)。

eAngle:结束角,以弧度计。

counterclockwise:可选。规定应该逆时针还是顺时针绘图。False = 顺时针,true = 逆时针。  

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

推荐阅读更多精彩内容

  • 一:canvas简介 1.1什么是canvas? ①:canvas是HTML5提供的一种新标签 ②:HTML5 ...
    GreenHand1阅读 10,181评论 2 32
  •   HTML5 添加的最受欢迎的功能就是 元素。这个元素负责在页面中设定一个区域,然后就可以通过 JavaScri...
    霜天晓阅读 8,175评论 0 2
  • 一、canvas简介 1.1 什么是canvas?(了解) 是HTML5提供的一种新标签 Canvas是一个矩形区...
    Looog阅读 9,355评论 3 40
  • 1 Canvas接口元素定义 1.1 getContext()方法 为了在canvas上绘制,你必须先得到一个画布...
    Kevin_Junbaozi阅读 5,164评论 1 2
  • 书单来自剽悍晨读,每一张图片下都有连接到原文!里面还有美女的声音哦! 赢 我的情绪为何总被他人左右 微习惯 TED...
    sun清风悠扬阅读 1,274评论 0 0