html5 - 粗体/斜体不适用于 Canvas fillText()

我有一个canvas元素，我想使用fillText()方法在其上放置一些文本。
我正在使用以下格式执行此操作：

ctx.font = "Bold Italic" + myText.fontSize + "px Arial " + myText["font-family"];

这里myText是以下类型的映射：

var myText = {
              "font-family": "family",
              "fontSize" : "size"
             };

粗体和斜体属性不起作用。我不知道这段代码中有什么错误。

最佳答案

以下行缺少斜体和myText.fontSize之间的空格：

ctx.font = "Bold Italic" + myText.fontSize + "px Arial " + myText["font-family"];

所以应该是：

ctx.font = "Bold Italic " + myText.fontSize + "px Arial " + myText["font-family"];

另外，它可能只是为了你的问题，但fontSize不是一个数字，它是字符串“size”

关于html5 - 粗体/斜体不适用于 Canvas fillText()，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/9156206/