没有出来圆的效果

来源:3-1 Canvas 时钟外边框圆

qq_天使的微笑_0

2016-12-26 18:18

http://img.mukewang.com/5860ee640001f3c105220299.jpg

没有出来圆的效果

写回答 关注

7回答

  • 冰洁雪儿
    2017-03-12 17:22:55

    你的那个 ctx.src(0,0,r,0,2*Math.PI,false)少了一个起始角度0,你在好好对比一下

  • 大涧涧dry
    2017-01-06 14:48:35

    我的也是


  • 慕粉3945479
    2017-01-03 11:47:01

    老师,画不出圆呀。好着急

  • 慕粉3315567
    2017-01-03 00:54:07

    你可能引入js文件的时候放在head里面了,你应该放在canvas后面的,要先加载画布,然后才会识别getContext,执行的时候,会从上至下的进行,所以如果放在前面的话,就识别不到有这个getContext

  • doerdoer
    2016-12-29 14:57:10

    var dom=document.getElementById('clock');

    var ctx=dom.getContext('2d');

    var width=ctx.canvas.width;

    var height=ctx.canvas.height;

    var r=width/2;


    function drawBackground(){

    ctx.save();

    ctx.translate(r,r);

    ctx.beginPath();//路径起始

    ctx.lineWidth=8;

    ctx.arc(0,0,r-5,0,2*Math.PI,false);//圆的中心x坐标,圆的中心y坐标,半径,起始角,结束角,顺时针

    ctx.stroke();//绘制已定义的路径

    }


    drawBackground();

    自己对比下~  我的是好用的

  • doerdoer
    2016-12-27 11:34:09

    width变量写错了 wdith/2  

    qq_天使的...

    修改了还是不对

    2016-12-27 13:46:51

    共 1 条回复 >

  • qq_天使的微笑_0
    2016-12-26 18:22:22

    http://img.mukewang.com/5860ef5100012c2105110314.jpg

    是这个代码

Canvas 绘制时钟

canvas画出漂亮的时钟,通过本教程能重新掌握一些几何知识

49750 学习 · 160 问题

查看课程

相似问题