使用JS </canvas>在<canvas>中显示当前日期和时间

Question

我必须使用HTML 5中的<canvas>标记制作一些形状，然后使用相同的标记添加当前日期和时间文本。所有这一切都必须使用javascript完成。我可以在JS中正常显示时间和日期，但不知道如何将它添加到我的画布中。

function doFirst()
{
var x = document.getElementById('canvas');
canvas = x.getContext('2d');

canvas.arc(200,200,150,0,2*Math.PI);
canvas.stroke();

today = new Date(); 
document.write("<br />The time now is: ",today.getHours(),":",today.getMinutes()); 
document.write("<br />The date is: ", today.getDate(),"/",today.getMonth()+1,"/",today.getYear());
 }

window.addEventListener("load", doFirst, false);

那就是我现在所拥有的，我的绘图不会显示我是否使用了新的日期功能。任何帮助，将不胜感激。

Answer 1

document.write写入文档...在时间window.onload触发时关闭，因此您的整个页面都会被破解。

请尝试canvas.fillText()，以便将文字绘制到画布上。

另外，变量名canvas具有误导性。通常ctx用于指代上下文。