Javascript html5画布内的Texbox_Javascript_Html_Canvas_Kineticjs

Javascript html5画布内的Texbox

javascript html canvas

Javascript html5画布内的Texbox,javascript,html,canvas,kineticjs,Javascript,Html,Canvas,Kineticjs,我可以使用HTML5在画布中插入文本框吗？如果是，请告诉我如何在画布中插入文本框？目前，我正在使用矩形来实现我的功能，但这不是我期待的方式，因此请帮助我在HTML 5中使用KINETICJS创建文本框。否。您可以在画布元素前面放置一个输入或文本区域，使其看起来在内部，但是没有办法将输入嵌入画布，因为画布只是一个空间，可以通过JavaScript在其中绘制像素但是，我相当肯定，您可以在某些浏览器中将输入嵌入SVG，甚至可以对其进行转换（旋转、剪切等）。这非常简单您必须将文本框放入div中，然后

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

否。您可以在画布元素前面放置一个输入或文本区域，使其看起来在内部，但是没有办法将输入嵌入画布，因为画布只是一个空间，可以通过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>


#我的文本{
位置：绝对位置；
左：36%；
顶部：725px；
z指数：999；
}

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

我们是否可以获得任何源链接以了解画布中的文本框？您可以使用将HTML嵌入SVG，应应用转换。