zoukankan      html  css  js  c++  java
  • 19年5月16日H5canvas课堂随笔

    1.rect(),fillrect(),strokeRect()的区别;

    (1)rect() 方法是单纯的画出一个矩形框,调用stroke() 或 fill()后才会真正作用于画布。

    (2)fillRect() 方法是画出一个有填充颜色的矩形框(默认是黑色的)

    (3)strokeRect() 绘制线框;

    2.绘制大小是默认的一像素的边框,但是我们放大知道得到的并不是1像素的边框,而是两像素的;

    3.fillStyle:填充颜色(绘制canvas是有序的)

       lineWidth:线宽度,是一个数值

       strokeStyle:边线颜色

    4.填充和画线的区别:

      先画线后填充,填充的方块会覆盖画线,线框的宽度就会缩小一倍;

      相反,先填充后画线的,画线会覆盖方块,方块的宽度就会缩小一倍;

    5.lineJoin:边界连接点的绘制,默认是miter(衔接),round(圆角),bevel(斜角);

      lineCap:端点样式:

      butt(默认),round(圆角),square(高度多出为宽度一半的值)

    6.边界的绘制:

      beginPath:开始绘制路径

      closePath:结束绘制路径

      moveTo:绘制的开始点;

      lineTo:结束的绘制点;

      绘制路径:

      stroke:画线,默认是黑色

      fill:填充  默认是黑色

      rect:矩形区域

      clearRect:删除一个画布的矩形区域,每当要改变位置时,删除上一次所在的画布矩形区域;

      save:保存路径

      restore:回复路径

    7.绘制三角形:

    8.绘制方块:

  • 相关阅读:
    笔记本CPU
    [转]Linux管理员新手易犯的十种错误
    Linux 如何禁止用户登录
    Linux 工作人员之间的交互
    双核处理器
    Ant时间戳的使用
    [转]linux+php5.1.6+mysql5.0.2+apache2.0.55安装配置说明
    ADDM 报告结果中的相关术语
    Mysql 用户密码
    [转]Linux系统中用户帐户清洁与安全方法
  • 原文地址:https://www.cnblogs.com/lovels/p/10876522.html
Copyright © 2011-2022 走看看