Javascript 参数jquery和HTML5画布

我目前正在使用html画布进行用户输入，并在画布中使用粗体文本。为此，我开发了以下代码：

var bodyFontString = "14px Arial";
function makeBold(pText){
pText = ("bold"+" "+pText);

}
makeBold(bodyFontString);
context.font = bodyFontString;
context.fillText("hello", 20, 20)

---

其想法是用包含新粗体语言的字符串替换将分配给context.font的字符串。由于某种原因，我不能使这项工作。请帮助。

这是因为您没有在

makeBold

中设置

context.font

。

makeBold

所做的只是更改参数

pText

的值

下面是正在发生的事情：

makeBold(bodyFontString); // Doesn't set context.font to anything!
context.font = bodyFontString; // Sets context.font to the original value, without the bold

试试这个：

function makeBold(pText) {
    return "bold " + pText;
}

context.font = makeBold(bodyFontString);
context.fillText("hello", 20, 20)

---

这是因为您没有在

makeBold

中设置

context.font

。

makeBold

所做的只是更改参数

pText

的值

下面是正在发生的事情：

makeBold(bodyFontString); // Doesn't set context.font to anything!
context.font = bodyFontString; // Sets context.font to the original value, without the bold

试试这个：

function makeBold(pText) {
    return "bold " + pText;
}

context.font = makeBold(bodyFontString);
context.fillText("hello", 20, 20)

---

您实际上没有改变任何东西：

var bodyFontString = "14px Arial";

function makeBold(pText){
    return ("bold"+" "+pText); /// return result
}

context.font = makeBold(bodyFontString); /// use result
context.fillText("hello", 20, 20)

---

您实际上没有改变任何东西：

var bodyFontString = "14px Arial";

function makeBold(pText){
    return ("bold"+" "+pText); /// return result
}

context.font = makeBold(bodyFontString); /// use result
context.fillText("hello", 20, 20)

---

不，不是这样的，不是这样的。