怎么在h5中用canvas元素绘制自己的名字?

课本上没有类似的东西，网上也找不到合适的代码

急，这是我的实训作业之一，明天要交。告诉我方法就可以。

全部要求

js:
var canvas=document.getElementById("myCanvas");
var content=c.getContext("2d");
content.font="30px Arial";//大小|字体
content.strokeText("你的名字",10,50);//文字内容|X坐标|Y坐标【stroke是空心只描绘线条，fillText是填充线条,看情况使用】