通过JavaScript函数将文本写入画布

通过JavaScript函数将文本写入画布,javascript,function,canvas,Javascript,Function,Canvas,我知道如何在函数外部用JavaScript将文本放到画布上,但将代码放入函数似乎会破坏一切 例如: 这将导致你好,世界!在画布上是20,20,但是 这样就不会在画布上显示任何内容 我不知道为什么在函数中使用它不起作用,我感到非常困惑。字体是属性而不是函数。必须使用赋值运算符设置属性。您还错过了属性字符串值末尾的“结束” 改变 canvas.font('20px Times New Roman); 到 函数text,x,y{ var c=document.getElementByIdAPICa

我知道如何在函数外部用JavaScript将文本放到画布上,但将代码放入函数似乎会破坏一切

例如:

这将导致你好,世界!在画布上是20,20,但是

这样就不会在画布上显示任何内容

我不知道为什么在函数中使用它不起作用,我感到非常困惑。

字体是属性而不是函数。必须使用赋值运算符设置属性。您还错过了属性字符串值末尾的“结束”

改变

canvas.font('20px Times New Roman);

函数text,x,y{ var c=document.getElementByIdAPICanvas; var canvas=c.getContext2d; canvas.font='20px乘以新罗马'; canvas.fillTexttext,x,y; } text你好,世界!,20,20; 字体是属性而不是函数。必须使用赋值运算符设置属性。您还错过了属性字符串值末尾的“结束”

改变

canvas.font('20px Times New Roman);

函数text,x,y{ var c=document.getElementByIdAPICanvas; var canvas=c.getContext2d; canvas.font='20px乘以新罗马'; canvas.fillTexttext,x,y; } text你好,世界!,20,20;
画布末尾缺少一个结束语。font?画布末尾缺少一个引号。font'20px Times New Roman;画布末尾缺少一个结束语。font?画布末尾缺少一个引号。font'20px Times New Roman@Metype,如果答案解决了您的问题,那么您可以通过单击答案旁边的复选标记将其从空心切换为绿色来接受答案。。。。。thanks@Metype,如果答案解决了您的问题,则您可以通过单击答案旁边的复选标记将其从空心切换为绿色来接受答案…谢谢
canvas.font('20px Times New Roman);
canvas.font = '20px Times New Roman';