canvas的属性和方法

1.标签 : 画布标签

<canvas></canvas>(H5新增的标签)

2.属性

          width 宽

          height 高

  strokeRect

      方法绘制矩形

fillRect

      方法绘制“已填色”的矩形

clearRect()

      方法清空给定矩形内的指定像素 

fillStyle

      属性设置或返回用于填充绘画的颜色、渐变或模式

strokeStyle

      属性设置或返回用于笔触的颜色、渐变或模式

moveTo(x,y)

      定义线条开始坐标

lineTo(x,y)

    定义线条结束坐标

beginPath()

    开始一条路径

closePath()

    创建从当前点到开始点的路径

arc()      方法创建弧/曲线(用于创建圆或部分圆) arc(x,y,r,sAngle,eAngle,counterclockwise);

创建渐变对象  createLinearGradients(x,y,x1,y1);

创建放射式渐变对象 createRadialGradient(x,y,r,x1,y1,r1);

起始颜色  addColorStop(i,colors);     

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

推荐阅读更多精彩内容

  • 一:canvas简介 1.1什么是canvas? ①:canvas是HTML5提供的一种新标签 ②:HTML5 ...
    GreenHand1阅读 4,766评论 2 32
  • 一、canvas简介 1.1 什么是canvas?(了解) 是HTML5提供的一种新标签 Canvas是一个矩形区...
    Looog阅读 3,979评论 3 40
  • 转载请声明 原文链接 关注公众号获取更多资讯 这篇文章主要总结H5的一些新增的功能以及一些基础归纳,这里只是一个提...
    前端进阶之旅阅读 9,121评论 22 225
  • 一、canvas简介 1.1 什么是canvas?(了解) 是HTML5提供的一种新标签 Canvas是一个矩形区...
    J_L_L阅读 1,569评论 0 4
  • 本章内容 理解 元素 绘制简单的 2D 图形 使用 WebGL 绘制 3D 图形 这个元素负责在页面中设定一个区域...
    闷油瓶小张阅读 892评论 0 0