0

ここに私の JSFiddle があります:

http://jsfiddle.net/fknjz/5/

(UPDATE ボタンの横にある SAVE ボタンのことは忘れてください...)

だから私が望むのは、メイン画像の下にあるテキストボックスを埋めることができ、「更新ボタン」を押すと....テキストがキャンバスで更新されることです。

JS コードは HTML セクションにあります...JS セクションにあるとうまく動作しませんでした。

今私が試した：

<input type="text" id="nom"/>  /* THE TEXTBOX */

JS コードでテキストを描画するには:

oCtx.fillText(document.getElementById("nom").value, 283, 350);

うまく機能していません... UPDATEをクリックしても何も起こらないため... FIREFOXではwindow.refreshで動作しているようですが、Chrome、Safariなどでは動作していません...など。主要なブラウザで正しく動作させるには、どの機能が必要ですか?

ありがとうございました！

4

2 に答える 2

0

「onload」ではなく、「onclick」関数内に配置する必要があると思います。しかし、繰り返しになりますが、私はこれも初めてです。

これがお役に立てば幸いです。

または、これを試してください：

oCtx.fillText("document.getElementById("nom").value", 283, 350);

（引用符に注意してください）

敬具、 ティアゴ

于 2012-05-28T14:57:10.150 に答える
0

JSFiddle: http://jsfiddle.net/fknjz/17/

キャンバスにテキストを書き込むためのコードを「updateClicked」という関数に移動しました。更新ボタンをクリックすると、この関数が呼び出されます。さらに、「oCtx」をグローバル変数にしました。現在、正常に動作しています。

于 2012-05-28T15:45:51.677 に答える