zoukankan      html  css  js  c++  java
  • 9.20(一)

    图像的分类

    1. 位图  jpg png 
    2. 矢量图 .svg  .ai

    位图会失真,矢量图不会失真。

    Canvas 它是一个标签 用来定义图形的。比如常见的丙状图 线型图 折线图 等等

    Canvas是一个块状图形,默认大小事300x150,绘制图形必须通过js来实现。

    注意

    1. 只能通过标签属性设置canvas的大小
    2. Canvas的坐标 起始坐标是00 向右为x轴 向下为y

    绘制方块 fillRect() 四个参数 fillRect(x,y,w,h)  fill带右填充色的 默认是黑色

    绘制路径

    Mycan.moveTo(x,y) 绘制路径的起点 它是唯一的

    Mycan.lineTo(x,y) 绘制路径的拐点  不唯一的

    Mycan.stroke() 用于绘制线条

    Mycan.strokeStyle=”red”修改路径线条的样式

     

    Mycan.beginpath()

    Mycan.closepath() 绘制具有封闭回路的线条 首尾可以相连

    Mycan.save()

    Mycan.restore() 赋予独立的空间 保证绘制的独立性和完整性

     

    绘制方块

    Mycan.Rect(x,y,w,h)

    Mycan.stroke() 绘制线条

    mycan.fill() 填充颜色 默认黑色

    绘制圆形

    Mycan.arc()

    Canvas结合动画animation

    Mycan.translate(x,y)

    Mycan的平移不是画布元素的平移,是画布坐标原点(00)的平移

    Mycan.translate(100,100) 坐标原点平移到画布100100的那个位置

     

    Mycan.rotate(30*Math.PI/180)

    旋转 图形围绕原心(0,0)点旋转。

     

  • 相关阅读:
    php 上传大文件问题
    两台虚拟机实现负载均衡
    lnmp一键安装包搭建lnmp环境
    PHPExcel在读取时时间的处理
    ZeroMQ研究与应用分析
    堆排序(概念、原理、实现)
    HASH表的实现(拉链法)
    加密和数字签名工具GPG
    我的2014 一言难尽
    MySQL优化之profile
  • 原文地址:https://www.cnblogs.com/yuanyeds/p/11673511.html
Copyright © 2011-2022 走看看