如何用jquery将图像保存到图像上

我是javascript的新手。我有以下代码的JavaScript和HTML。问题是当我下载图像时，由JavaScript写入的文本不会显示在下载的图像上。或者换句话说，文字不会打印在图像上。我想要实现的。以下是代码如何用jquery将图像保存到图像上

<script type="text/javascript"> 
 
    jQuery(function($){ 
 

 
    var textover_api; 
 
\t 
 
    $('#target').TextOver({}, function() { 
 
     textover_api = this; 
 
\t 
 
    }); 
 

 
\t 
 

 
    }); 
 

 
</script>

<img src="demo.jpg" id="target" />

我想要实现像http://addtext.com/的功能。

预先感谢。

来源

2015-10-24 Usman Ahmed Mani

我都要写至少15个字符，但... 。什么？？？什么是TextOver？一些自定义的jQuery插件？ – AdamJeffers

我怀疑这是可能的JavaScript。您链接的网站很可能会上传图片并添加文本服务器端。 –

服务器端是用php。但我链接的网站是使用JavaScript。 –

可以使用帆布利用HTML5和这里返回的base64数据例如：

来源：Javascript; Adding text on image using canvas and save to image

draw(); 

function draw() { 

    var canvas = document.getElementById('idCanvas'); 
    var context = canvas.getContext('2d'); 

    var imageObj = new Image(); 


    imageObj.onload = function() { 
    context.drawImage(imageObj, 0, 0); 
    context.font = "40px Calibri"; 
    context.fillStyle = "red"; 
    context.fillText("My TEXT!", 50, 300); 

    var canvas = document.getElementById('idCanvas'); 
    var dataURL = canvas.toDataURL(); 

    alert(dataURL); 
    } 
imageObj.setAttribute('crossOrigin', 'anonymous'); 
imageObj.src = "http://lorempixel.com/400/200/"; 
};` 

<canvas id="idCanvas" width="576" height="577"></canvas>

http://jsfiddle.net/hmr7c8po/

来源

2015-10-24 20:17:32

不，这不符合我的目的。我可以在php变量中获得写在** textover_api **中的值（换句话说就是文本）吗？或者换句话说，我可以将** textover_api **的值传递给一个php变量。 –

对不起，不太了解PHP，但是我知道这里有人很乐意帮助你:)可悲的是，你不是在寻找GL的解决方案。 –

如何用jquery将图像保存到图像上

回答

相关问题