Question

我可以使用HTML 5在画布中插入文本框吗？如果是，请告诉我如何在画布中插入文本框？目前我使用矩形来实现我的功能，但它不是我期待的方式所以请帮助我使用HTML 5中的KINETICJS创建文本框。

Answer 1

没有。您可以在canvas元素前面放置一个输入或文本区域，使其看起来在内部，但是没有办法将输入嵌入到画布中，因为画布只是一个通过JavaScript绘制像素的空间。 / p>

我相当肯定你可以在某些浏览器中嵌入SVG输入，但是甚至可以转换它们（旋转，剪切等）。

Answer 2

这很简单。

您必须将文本框放在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>

通过更改左侧和顶部值，您可以将文本框放在画布上。

html5画布内的文本框

2 个答案: