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.绘制方块:

  • 相关阅读:
    谷歌翻译python接口
    SRILM的安装方法
    语言模型srilm基本用法
    SRILM语言模型格式解读
    矩阵理解
    python生成器 协程
    python Queue模块使用
    scrapy 学习笔记2
    scrapy 学习笔记1
    xpath语法规则
  • 原文地址:https://www.cnblogs.com/lovels/p/10876522.html
Copyright © 2011-2022 走看看