zoukankan      html  css  js  c++  java
  • html5 canvas

    Canvas用在网页上画图,使用javascript实现。Canvas是一个矩形,可以按要求控制上面的像素。可以画线、矩形、圆或者图像。

    getContext(“2d”)是html5的一个内建对象,可以用来画图。

    画图的思路:

    获取到指定要画图元素;

    获取context对象;

    画矩形:

    设置矩形的开始点和长宽;

    设计矩形颜色;

    填充矩形;

    画线:

    moveTo();//定义路径

    lineTo();//定义路径

    stroke();//描边,描绘路径

    画圆:

    beginPath();//画布开始

    arc()设置原点、半径、转动角度和方向

    closePath()结束画布

    fill()填充圆

    渐变:

    CreateLinearGradient()创建渐变区域,渐变的起点和终点

    addColorStop(0,)将渐变的起点和终点看做0到1,设置渐变区域

    addColorStop(0,)将渐变的起点和终点看做0到1,设置渐变区域

    fillStyle//设置填充类型

    fillRect()填充区域。

    画图:

    image=new image();//新建图象

    image.src="";//图象的路径

    drawImage();//画图

    http://jingpin.jikexueyuan.com/article/7728.html

    https://blog.csdn.net/dotnet25/article/details/42492379

  • 相关阅读:
    Cents 7 Kubernetes
    Docker registry
    centos 7 安装 docker
    ToList()所带来的性能影响
    C#之Linq、where()、FindAll()的区别
    2.2 数据库高速缓冲区
    ORACLE之autotrace使用
    spring.net简介
    初识批处理
    TIBCO Rendezvous — 技术介绍
  • 原文地址:https://www.cnblogs.com/Zhengxiaoxiao/p/10504590.html
Copyright © 2011-2022 走看看