0

我正在尝试将 textarea 内容放入画布但在画布块上获取未定义的消息。成功加载图像但不是文本区域。我尝试了很多方法来解决这个问题，但无法解决。请帮我。提前致谢。

html代码

<textarea>praise the lord</textarea>
<div > <button class="wrapper1" id="saveid" onclick="sharee(0)">SAVE </button> </div>

<img id="scream" src="a.jpg" alt="The Scream" width="70" height="70"><p>Canvas:</p>

<canvas id="myCanvas" width="300" height="300" style="border:1px solid #d3d3d3;">
Your browser does not support the HTML5 canvas tag.</canvas>

javascript代码

function sharee() {  
var val = document.getElementById("myCanvas");

 var canvas = document.getElementById("myCanvas");
     var ctx = canvas.getContext("2d");
var img = document.getElementById("scream");
 textArea = document.getElementsByTagName("textarea")[0],

ctx.font="30px Arial";
ctx.drawImage(img, 40, 40);
ctx.fillText(textarea, 40,60);
setTimeout(function(){
   window.savephotoplugin(canvas,"image/png",device.version,function(val){ 
        //returns you the saved path in val 
        alert("Photo Saved: " + val);   
    });
 }, 0)
4

1 回答 1

1

您正在尝试将textarea它自己的元素绘制为不起作用的文本。

试试这个修改：

ctx.fillText(textArea.value, 40, 60);

而且我不确定这是否只是帖子中的错字，但这行必须是：

var textArea = document.getElementsByTagName("textarea")[0]; //no comma at end
于 2013-10-12T07:56:09.743 回答