Javascript 有人知道有没有jquery插件可以在图像上写入文本，并让用户将其放置在图像中的任何位置？

我正在寻找jquery或js库，它们可以帮助您在图像上放置文本/形状。 就像在这个网站上一样 它可以让您通过拖放将文本放置在图像上方的任何位置

提前感谢

我之前说过，对于任何知道使用搜索引擎的人来说，是最好的朋友：）

在这里，您将看到30个jquery插件，它们允许您在图像上放置文本

---

或者使用CSS:

答案取决于您是否希望生成的文本嵌入到图像中（即作为像素），以便您可以将整个图像（包括文本）保存为文件，或者您是否希望文本漂浮在图像上方

在后一种情况下，只需使用可绝对放置在

元素顶部的

在前一种情况下，我知道的唯一选择是使用HTML5

元素，然后使用

.fillText（）

将文本写入画布：

---

另请参见上面的一个变体，其中使用HTML5

FileReader

界面从

控件加载图像。

。google it，你可以找到大量的插件。我确实搜索了它，但没有找到我要找的东西，但谢谢你的回答。我已经找到了这些结果。请在我的链接上查看示例。谢谢。@U farmer接受答案！：）谢谢，我需要嵌入到图像中。您有任何示例吗？我正在尝试使用此代码段对图像路径进行一次嵌入。然后做一个调整。。。你能帮我做这个吗？

var canvas = document.getElementById('canvas'),
    ctx = canvas.getContext('2d'),
    img = new Image;

img.onload = function() {
    canvas.width = this.width;
    canvas.height = this.height;
    ctx.drawImage(this, 0, 0);
    ctx.font = "36pt Verdana";

    ctx.fillStyle = "black";
    ctx.fillText("Test Text", 42, 82);

    ctx.fillStyle = "white";
    ctx.fillText("Test Text", 40, 80);
};

img.src = ...;