如何使用javaScript在图片文件（png）中添加文本？

我发现我不能用HTML实现这一点（在图片中添加文本），我用JAVA找到了一种方法，但我对用Javascript找到一种方法很感兴趣

您可以使用画布

<canvas id="canvas" width="340" height="340"></canvas>

---

您是希望它看起来像是添加到图片中的文本，还是确实需要更改png文件？只是出于兴趣-为什么要这样做？您可以在图像上放置文本。如果这是为了水印或类似的东西，如果用户禁用了JS，这将不起作用。你需要永久修改PNG，还是只需要在网站上显示图像时在图像上显示文本？它需要使用Javascript吗？你会喜欢CSS吗？我需要永久地修改图片。。。通过使用javascript。在其最终形式中，用户将能够选择一个区域而不是图片文件，并在其中写入文本。这可能会对我有所帮助，我正在努力。。。很多chamika@user2456922：

circle\u canvas.toDataURL（）

将为您提供图像数据url。

function addTextToImage(imagePath, text) {
    var circle_canvas = document.getElementById("canvas");
    var context = circle_canvas.getContext("2d");

    // Draw Image function
    var img = new Image();
    img.src = imagePath;
    img.onload = function () {
        context.drawImage(img, 0, 0);
        context.lineWidth = 1;
        context.fillStyle = "#CC00FF";
        context.lineStyle = "#ffff00";
        context.font = "18px sans-serif";
        context.fillText(text, 50, 50);
    };
}
addTextToImage("http://www.gravatar.com/avatar/0c7c99dec43bb0062494520e57f0b9ae?s=256&d=identicon&r=PG", "Your text");