html表盘的代码,表盘.html

canvas{

border: 1px solid red;

}

您的浏览器不支持画布

var box=document.getElementById("box");

var pen=box.getContext("2d");

pen.clearRect(0,0,box.width,box.height);

pen.save();

pen.translate(300,300);

pen.arc(0,0,200,0,Math.PI*2);

pen.stroke();

pen.restore();

for(var i= 1;i<=12;i++){

pen.beginPath();

pen.save();

pen.translate(300,300);

pen.rotate(Math.PI/180*30*i);

pen.moveTo(0,-180);

pen.lineTo(0,-200);

pen.stroke();

pen.restore();

pen.closePath();

}

for(var i= 1;i<=60;i++){

pen.beginPath();

pen.save();

pen.translate(300,300);

pen.rotate(Math.PI/180*6*i);

pen.moveTo(0,-190);

pen.lineTo(0,-200);

pen.stroke();

pen.restore();

pen.closePath();

}

一键复制

编辑

Web IDE

原始数据

按行查看

历史