如何使用 JavaScript 和 jQuery 动态添加文本？

【问题标题】：How to add text dynamically text using both JavaScript and jQuery?如何使用 JavaScript 和 jQuery 动态添加文本？
【发布时间】：2019-08-16 16:51:19
【问题描述】：

我正在使用 Canvas 并尝试在图片上动态添加居中文本。

我读到了这个主题 (How to add text on image using Javascript and Canvas)，我必须在我的代码中添加一些 jQuery。我试过了，但没有成功，因为我没有太多的 jQuery 经验。

You can find the example I made on the JSFiddle link below.

https://jsfiddle.net/ParkerIndustries/t3rao9hL/14/

【问题讨论】：

对不起，错误出在fillText函数中。如果要水平居中，请将宽度/2 放入 fillText 作为 x 位置。所以context.textAlign = 'center'; 有效，但我只是设置了一个错误的位置。

标签： javascript jquery html canvas

【解决方案1】：

如果您必须将 jQuery 添加到您的代码中（除了加载 jquery.min 文件之外），您可以在任何代码前加上“$”符号，然后是您要识别的元素（用括号括起来）。在你的情况下：

 $(context)

因为您已经确定了您的元素。之后有几种方法可以使用 jQuery 更改 css。

$(context).css({ 'display', 'none' });
$(context).addClass('changed');

如果您没有标识符，只需将其放在引号中：

$('#context').addClass('changed');

对于 JavaScript，Clarity 在上面的评论中回答了这个问题。

【讨论】：