簡體   English   中英

html5畫布內的Texbox

[英]Texbox inside canvas of html5

我可以使用HTML 5在畫布內插入文本框嗎? 如果是,請告訴我如何在畫布中插入文本框? 目前,我正在使用矩形來實現我的功能,但是這並不是我期待的方式,因此請幫助我使用HTML 5中的KINETICJS創建文本框。

不能。您可以將輸入或文本區域放置在canvas元素的前面,使其看起來在內部,但是由於畫布只是一個可通過JavaScript繪制像素的空間,因此無法將輸入嵌入到畫布中。

我相當確定您可以在某些瀏覽器中將輸入嵌入SVG中,甚至可以轉換它們(旋轉,剪切等)。

真的很簡單。

您必須將文本框放在div中,然后更改div的位置。 為此,請在您的身體標簽下:

<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>

通過更改左側和頂部的值,可以將文本框放置在畫布上。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM