0

テキストエリアのコンテンツをキャンバスに配置しようとしていますが、代わりにキャンバス ブロックに未定義のメッセージが表示されます。画像は正常に読み込まれましたが、テキストエリアは読み込まれませんでした。これを解決するために多くの方法を試しましたが、解決できませんでした。私を助けてください。前もって感謝します。

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 に答える