美文网首页
canvas的属性和方法

canvas的属性和方法

作者: 井皮皮 | 来源:发表于2017-06-22 22:17 被阅读0次

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绘制文字、设置阴影、创建路径绘制矩形和圆

    Canvas绘制文字 1、属性 2、方法 Canvas设置阴影 Canvas创建路径,绘制矩形和圆 1、标识方法 ...

  • canvas的属性和方法

    1.标签 : 画布标签 (H5新增的标签) 2.属性 width 宽 height 高 st...

  • canvas绘制多行文字

    一、canvas绘制文字的方法和属性 1.fillText(text, x, y [, maxWidth]) ...

  • Canvans 的常规操作

    canvas标签类似img,可以设置 width 属性和 height 属性,如果没有设置,canvas 画布的默...

  • canvas之文本

    一、绘制文本 使用 canvas 绘制文本,重要的属性和方法如下: font - 定义字体fillText(tex...

  • HTML5 Canvas属性和方法

    上一节我们已经学会了如何创建 Canvas 画布,本节我们来学习有关于 Canvas 中的属性和方法的使用,通过这...

  • HTML5 Canvas属性和方法

    上一节我们已经学会了如何创建 Canvas 画布,本节我们来学习有关于 Canvas 中的属性和方法的使用,通过这...

  • canvas day-02

    canvas标签 属性 width height 方法 getContext() 参数 “2d” "webgl"...

  • Canvas绘制线条(掌握)

    Canvas标签语法和属性(重点) canvas:画布,油布的意思。 标签名:canvas,双标签,需要闭合。 单...

  • Canvas 属性

    属性 1、canvas CanvasRenderingContext2D.canvas 属性是只读的,是HTMLC...

网友评论

      本文标题:canvas的属性和方法

      本文链接:https://www.haomeiwen.com/subject/bskqcxtx.html