0

HTML 5を使用してキャンバス内にテキストボックスを挿入できますか？はいの場合、キャンバス内にテキストボックスを挿入する方法を教えてください。現在、長方形を使用して機能を実装していますが、それは私が楽しみにしている方法ではないので、HTML5でKINETICJSを使用してテキストボックスを作成するのを手伝ってください。

4

2 に答える 2

0

とても簡単です。

テキストボックスをdiv内に配置してから、divの位置を変更する必要があります。これを行うには、bodyタグの下に次のようにします。

<body>
    <form id="form1" runat="server">
        <div id="mytext"> 
            <asp:TextBox ID="txtTest" runat="server"></asp:TextBox>
        </div> .....

あなたの頭のタグの下：

<head id="Head1" runat="server">
    <style type="text/css">
        #mytext {
            position: absolute;
            left: 36%;
            top: 725px;
            z-index: 999;
        }
    </style>

左と上の値を変更することで、テキストボックスをキャンバスに配置できます。

于 2012-07-31T15:23:19.273 に答える
0

いいえ。入力またはテキスト領域をキャンバス要素の前に配置して、内部に表示することはできますが、キャンバスはJavaScriptを介してピクセルをペイントするための単なるスペースであるため、入力をキャンバスに埋め込む方法はありません。 。

ただし、一部のブラウザーではSVGに入力を埋め込むことができ、それらを変換（回転、せん断など）できる可能性もあると確信しています。

于 2012-07-24T04:15:08.653 に答える