zoukankan      html  css  js  c++  java
  • html canvas 圆弧

    contxt.arc(x, y , r, 0 , 弧 1.5*Math.PI PI要注意大小写 , 顺时针=false 逆时针 true)

    例如  context.arc(300, 300, 200, 0.5*Math.PI, 1*Math.PI, false);

    <!DOCTYPE html>
    <html>
        <canvas id="diag" height="200" width="200" style="border:1px solid">update your</canvas>
        <canvas id="diag2" height="200" width="200" style="border:1px solid">update your</canvas>
    </html>
    <script>

    var canvas = document.getElementById('diag');     //huo
    var context = canvas.getContext('2d');   //获取canvas上下环境
    canvas.width = '800';
    canvas.height = '800';
    context.lineWidth=5;
    context.strokeStyle= "#00f5f8";  //线的填充颜色
    // context.arc(300, 300, 200, 0.5*Math.PI, 1*Math.PI, false);
    context.fillStyle = "#aaa"  封闭图片内部填充颜色
    for(var i=0; i<10; i++) {
        context.beginPath();
        context.arc(50*i, 330, 20, 0, 0.2*Math.PI*i, false);
        context.fill();
        context.stroke();

    }
    </script>

  • 相关阅读:
    UnityShader
    Unity
    Tools
    linux下解压命令
    进程 同步、互斥
    I/O模型
    jclass jobject
    javah javap
    IDA 结构体
    Windows CSRSS API List (NT/2000/XP/2003/Vista/2008/7/2012/8)
  • 原文地址:https://www.cnblogs.com/agang-php/p/4822874.html
Copyright © 2011-2022 走看看