效果出不来

来源:3-2 Canvas绘制时钟内容

司浩

2017-03-08 21:04

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.translate(r,r);
	   ctx.beginPath();   //起始路径
	   ctx.lineWidth = 10;
	   ctx.arc(0, 0, r-5, 0, 2*Math.PI, false);
	   ctx.stroke();  //绘制圆  fill()填充圆
      }
   drawBackground();



写回答 关注

1回答

  • 我爱吃牛排
    2017-03-09 11:37:00

    js代码没有问题 看看你是不是HTML页面写错了 你可能忘记引入你这个JS了  还有IE9以下的不支持的哦

Canvas 绘制时钟

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

49750 学习 · 160 问题

查看课程

相似问题