Html5 canvas HTML5中的文本编辑控件<;帆布>;

Html5 canvas HTML5中的文本编辑控件<;帆布>;,html5-canvas,Html5 Canvas,我发现他们中的许多人都建议避免使用canvas标签来实现html5中的文本编辑选项。但是我找不到这个“作者应该避免使用canvas元素实现文本编辑控件”的替代选项。谁能告诉我同样的解决方案吗 提前感谢。使用父级相对定位和并将HTML UI逻辑放置在画布顶部 例如: 这本身不是替代解决方案,而是唯一明智的方法。谢谢Mikko:)我正在做一个用HTML5制作笔记本的POC。其特点是:1。能够在笔记本上键入文本。2.在笔记本和文本上画一个图形。3.能够使用音频/视频文件。是否可以使用画布元素进行此操

我发现他们中的许多人都建议避免使用canvas标签来实现html5中的文本编辑选项。但是我找不到这个“作者应该避免使用canvas元素实现文本编辑控件”的替代选项。谁能告诉我同样的解决方案吗


提前感谢。

使用父级相对定位和
并将HTML UI逻辑放置在画布顶部

例如:


这本身不是替代解决方案,而是唯一明智的方法。

谢谢Mikko:)我正在做一个用HTML5制作笔记本的POC。其特点是:1。能够在笔记本上键入文本。2.在笔记本和文本上画一个图形。3.能够使用音频/视频文件。是否可以使用画布元素进行此操作?谢谢。请为我的笔记本电脑提供任何输入,我已经尝试过这种方式,但我仍然面临无法编辑文本的问题。我需要在画布中创建类似可编辑内容的文本区域。你能告诉我其他的方法吗?请用jsfiddle.net服务创建一个独立的测试用例来说明你的问题。如果你不展示你所做的尝试以及失败的原因,你就很难帮助你。